<!DOCTYPE html>
<html lang="zh-CN" data-theme="dark">
<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>蜂信物联 - FastBee AIoT 智能物联网平台</title>

  <!-- SEO Meta -->
  <meta name="description" content="FastBee 是一个简单易用的 AIoT 智能物联网平台，集成 AI 智能引擎与嵌入式软件系统，提供软硬一体化解决方案。适用于智慧工业、智慧能源、智慧农业、智慧园区等行业场景。" />
  <meta name="keywords" content="FastBee,蜂信物联,AIoT,物联网IOT,AI,智能家居,开源MQTT,ESP32,Modbus,嵌入式物联网平台" />
  <meta name="author" content="fastbee" />
  <meta property="og:type" content="website" />
  <meta property="og:title" content="蜂信物联 - FastBee AIoT 智能物联网平台" />
  <meta property="og:description" content="FastBee AIoT 平台，集成AI 智能引擎与嵌入式系统，软硬一体化解决方案" />
  <meta property="og:site_name" content="蜂信物联" />
  <meta property="og:image" content="assets/images/logo/logo.svg" />
  <meta name="robots" content="index, follow" />

  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
  <link rel="preload" href="assets/css/fastbee.css" as="style" />
  <link rel="stylesheet" href="assets/css/fastbee.css" />
  <link rel="preload" href="assets/js/fastbee-v2.js" as="script" />

  <!-- Baidu Analytics -->
  <script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?838f805fd410fbfb1be91f4f7ad1f3ee";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
  </script>
</head>

<body>
  <!-- ====== Header ====== -->
  <header class="header" id="header">
    <div class="container">
      <div class="header-inner">
        <a class="logo" href="https://fastbee.cn/">
          <img src="assets/images/logo/logo.svg" alt="FastBee Logo" />
          <span class="logo-text" data-i18n="brand">蜂信物联</span>
        </a>
        <nav class="nav" id="mainNav">
          <a class="nav-link" href="#home" data-i18n="nav.home">首页</a>
          <a class="nav-link" href="#ecosystem" data-i18n="nav.ecosystem">生态</a>
          <a class="nav-link" href="#solutions" data-i18n="nav.solutions">方案</a>
          <a class="nav-link" href="#pricing" data-i18n="nav.pricing">版本</a>
          <a class="nav-link" href="#opensource" data-i18n="nav.opensource">开源</a>
          <a class="nav-link" href="#contact" data-i18n="nav.contactus">联系我们</a>
          <a class="nav-link" href="https://iot.fastbee.cn/" target="_blank" data-i18n="nav.demo">在线演示</a>
          <a class="nav-link" href="https://fastbee.cn/doc/" target="_blank" data-i18n="nav.docs">文档</a>
        </nav>
        <div class="nav-actions">
          <a class="nav-contact" href="https://work.weixin.qq.com/kfid/kfc8e9a0d0b3694b498" target="_blank" rel="noopener" data-i18n="nav.contact" title="在线咨询">
            <svg width="18" height="18" viewBox="0 0 1024 1024" fill="currentColor"><path d="M690.1 377.4c5.9 0 11.8.2 17.6.5-24.4-128.7-158.3-227.1-313.4-227.1C209 150.8 57.7 284.2 57.7 446.4c0 93.3 51.7 170.7 138 228.1l-34.5 103.8 120.2-60.1c44.5 10.1 80.1 17.3 120.5 17.3 5.6 0 11.1-.2 16.6-.5-3.5-12-5.3-24.5-5.3-37.4 0-171.5 155.3-320.2 276.9-320.2zM485.3 325.8c20.5 0 34.5 13.8 34.5 34.5 0 20.5-13.8 34.5-34.5 34.5-20.5 0-41.3-13.8-41.3-34.5-.1-20.7 20.7-34.5 41.3-34.5zM281 394.8c-20.5 0-41.3-13.8-41.3-34.5 0-20.5 20.5-34.5 41.3-34.5 20.5 0 34.5 13.8 34.5 34.5 0 20.7-13.8 34.5-34.5 34.5zm618.2 302.4c0-137.8-138-251.1-290.2-251.1S318.8 559.4 318.8 697.2c0 137.8 138 251.1 290.2 251.1 34.5 0 69-6.9 103.8-17.3l86.3 51.7-24.1-79.4c69.3-44.5 124.2-110.4 124.2-200.9zM513.8 656c-13.8 0-27.5-13.8-27.5-27.5s13.8-27.5 27.5-27.5c20.5 0 34.5 13.8 34.5 27.5S534.5 656 513.8 656zm172.5 0c-13.8 0-27.5-13.8-27.5-27.5s13.8-27.5 27.5-27.5c20.5 0 34.5 13.8 34.5 27.5s-14 27.5-34.5 27.5z"/></svg>
            <span>在线咨询</span>
          </a>
          <button class="lang-toggle" id="langToggle" title="切换语言" aria-label="Toggle language">
            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M2 12h20"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>
          </button>
          <button class="theme-toggle" id="themeToggle" title="切换主题" aria-label="Toggle theme">
            <svg class="sun-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="5"/><line x1="12" y1="1" x2="12" y2="3"/><line x1="12" y1="21" x2="12" y2="23"/><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/><line x1="1" y1="12" x2="3" y2="12"/><line x1="21" y1="12" x2="23" y2="12"/><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/></svg>
            <svg class="moon-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="display:none"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg>
          </button>
          <button class="mobile-toggle" id="mobileToggle" aria-label="Toggle menu"><span></span></button>
        </div>
      </div>
    </div>
  </header>

  <!-- Mobile Menu -->
  <div class="mobile-menu" id="mobileMenu">
    <a class="nav-link" href="#home" data-i18n="nav.home">首页</a>
    <a class="nav-link" href="#ecosystem" data-i18n="nav.ecosystem">生态</a>
    <a class="nav-link" href="#solutions" data-i18n="nav.solutions">方案</a>
    <a class="nav-link" href="#pricing" data-i18n="nav.pricing">版本</a>
    <a class="nav-link" href="#opensource" data-i18n="nav.opensource">开源</a>
    <a class="nav-link" href="#contact" data-i18n="nav.contactus">联系我们</a>
    <a class="nav-link" href="https://iot.fastbee.cn/" target="_blank" data-i18n="nav.demo">在线演示</a>
    <a class="nav-link" href="https://fastbee.cn/doc/" target="_blank" data-i18n="nav.docs">文档</a>
    <a class="nav-link nav-link-wechat" href="https://work.weixin.qq.com/kfid/kfc8e9a0d0b3694b498" target="_blank" rel="noopener" data-i18n="nav.contact">
      <svg width="16" height="16" viewBox="0 0 1024 1024" fill="currentColor"><path d="M690.1 377.4c5.9 0 11.8.2 17.6.5-24.4-128.7-158.3-227.1-313.4-227.1C209 150.8 57.7 284.2 57.7 446.4c0 93.3 51.7 170.7 138 228.1l-34.5 103.8 120.2-60.1c44.5 10.1 80.1 17.3 120.5 17.3 5.6 0 11.1-.2 16.6-.5-3.5-12-5.3-24.5-5.3-37.4 0-171.5 155.3-320.2 276.9-320.2zM485.3 325.8c20.5 0 34.5 13.8 34.5 34.5 0 20.5-13.8 34.5-34.5 34.5-20.5 0-41.3-13.8-41.3-34.5-.1-20.7 20.7-34.5 41.3-34.5zM281 394.8c-20.5 0-41.3-13.8-41.3-34.5 0-20.5 20.5-34.5 41.3-34.5 20.5 0 34.5 13.8 34.5 34.5 0 20.7-13.8 34.5-34.5 34.5zm618.2 302.4c0-137.8-138-251.1-290.2-251.1S318.8 559.4 318.8 697.2c0 137.8 138 251.1 290.2 251.1 34.5 0 69-6.9 103.8-17.3l86.3 51.7-24.1-79.4c69.3-44.5 124.2-110.4 124.2-200.9zM513.8 656c-13.8 0-27.5-13.8-27.5-27.5s13.8-27.5 27.5-27.5c20.5 0 34.5 13.8 34.5 27.5S534.5 656 513.8 656zm172.5 0c-13.8 0-27.5-13.8-27.5-27.5s13.8-27.5 27.5-27.5c20.5 0 34.5 13.8 34.5 27.5s-14 27.5-34.5 27.5z"/></svg>
      在线咨询
    </a>
  </div>

  <!-- ====== Hero ====== -->
  <section class="hero" id="home">
    <div class="hero-bg"></div>
    <div class="hero-grid"></div>
    <div class="hero-glow"></div>
    <div class="hero-glow-accent"></div>
    <div class="container">
      <div class="hero-content">
        <div class="hero-badge">
          <span class="dot"></span>
          <span data-i18n="hero.badge">AI + IoT &middot; 开源&middot; 可靠</span>
        </div>
        <h1 class="hero-title">
          <span data-i18n="hero.suptitle">万物互联，智驭未来</span><br />
          <span class="brand">FastBee AIoT</span>
          <span data-i18n="hero.title"> 数字化解决方案</span>
        </h1>
        <p class="hero-desc" data-i18n="hero.desc">
          集成 AI 智能引擎与独立嵌入式软件系统，提供软硬一体化 AIoT 解决方案。覆盖设备接入、数据采集、智能控制与行业应用全链路，助力企业快速构建物联网平台。
        </p>
        <div class="hero-actions">
          <a href="https://gitee.com/beecue/fastbee" target="_blank" rel="nofollow noopener" class="btn btn-accent btn-lg">
            <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M11.984 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.016 0zm6.09 5.333c.328 0 .593.266.592.593v1.482a.594.594 0 0 1-.593.592H9.777c-.982 0-1.778.796-1.778 1.778v5.63c0 .329.266.593.593.593h5.19c.329 0 .594-.264.594-.592v-1.482a.594.594 0 0 0-.593-.593h-3.012a.593.593 0 0 1-.593-.592v-1.482a.593.593 0 0 1 .593-.593h4.975c.327 0 .592.266.592.593v6.667a.593.593 0 0 1-.593.593H8.296C6.882 18.518 5.727 17.363 5.727 15.926V8.518c0-.329.266-.593.593-.593h11.753z"/></svg>
            <span data-i18n="hero.gitee">Gitee 源码</span>
          </a>
          <a href="https://github.com/kerwincui/FastBee" target="_blank" rel="nofollow noopener" class="btn btn-ghost btn-lg">
            <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg>
            <span data-i18n="hero.github">GitHub 源码</span>
          </a>
          <a href="https://iot.fastbee.cn/" target="_blank" class="btn btn-ghost btn-lg">
            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polygon points="5 3 19 12 5 21 5 3"/></svg>
            <span data-i18n="hero.demo">在线演示</span>
          </a>
        </div>
        <div class="hero-stats">
          <div class="hero-stat"><div class="hero-stat-value">500+</div><div class="hero-stat-label" data-i18n="hero.stat1">企业用户</div></div>
          <div class="hero-stat"><div class="hero-stat-value">7+</div><div class="hero-stat-label" data-i18n="hero.stat2">通信协议</div></div>
          <div class="hero-stat"><div class="hero-stat-value">7K+</div><div class="hero-stat-label" data-i18n="hero.stat3">Gitee Stars</div></div>
          <div class="hero-stat"><div class="hero-stat-value">AI</div><div class="hero-stat-label" data-i18n="hero.stat4">智能引擎</div></div>
        </div>
        <div class="hero-protocols">
          <div class="protocol-chip"><span class="dot"></span>MQTT</div>
          <div class="protocol-chip"><span class="dot"></span>Modbus</div>
          <div class="protocol-chip"><span class="dot"></span>TCP/IP</div>
          <div class="protocol-chip"><span class="dot"></span>CoAP</div>
          <div class="protocol-chip"><span class="dot"></span>HTTP</div>
          <div class="protocol-chip"><span class="dot"></span>WiFi</div>
          <div class="protocol-chip"><span class="dot"></span>BLE</div>
        </div>
      </div>
    </div>
  </section>

  <!-- ====== Product Ecosystem ====== -->
  <section class="section ecosystem-section" id="ecosystem">
    <div class="container">
      <div class="section-header reveal">
        <span class="section-badge eco-badge">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><polyline points="3.27 6.96 12 12.01 20.73 6.96"/><line x1="12" y1="22.08" x2="12" y2="12"/></svg>
          <span data-i18n="eco.badge">产品生态</span>
        </span>
        <h2 class="section-title text-h2 eco-title" data-i18n="eco.title">FastBee 生态产品体系</h2>
        <p class="section-desc eco-desc" data-i18n="eco.desc">平台 + 可视化 + 组态 + 移动端 + 嵌入式 + 视频 + 语音 + 集群，构建完整的 AIoT 生态产品矩阵</p>
      </div>
      <div class="eco-grid">
        <div class="eco-card reveal reveal-delay-1">
          <div class="eco-card-header"><div class="eco-card-icon eco-icon-platform"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="2" y="3" width="20" height="14" rx="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/></svg></div><span class="eco-tag eco-tag-core" data-i18n="eco.tag.core">核心产品</span></div>
          <h3 class="eco-card-title" data-i18n="eco.platform.title">FastBee 物联网平台</h3>
          <p class="eco-card-desc" data-i18n="eco.platform.desc">核心平台、设备管理、数据采集、消息通信、多租户管理</p>
        </div>
        <div class="eco-card reveal reveal-delay-2">
          <div class="eco-card-header"><div class="eco-card-icon eco-icon-visual"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><line x1="18" y1="20" x2="18" y2="10"/><line x1="12" y1="20" x2="12" y2="4"/><line x1="6" y1="20" x2="6" y2="14"/></svg></div><span class="eco-tag eco-tag-visual" data-i18n="eco.tag.visual">可视化</span></div>
          <h3 class="eco-card-title" data-i18n="eco.visual.title">FastBee 可视化引擎</h3>
          <p class="eco-card-desc" data-i18n="eco.visual.desc">零代码大屏搭建、拖拽式组件编排、实时数据驱动展示</p>
        </div>
        <div class="eco-card reveal reveal-delay-3">
          <div class="eco-card-header"><div class="eco-card-icon eco-icon-scada"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="2" y="2" width="20" height="20" rx="2"/><line x1="2" y1="8" x2="22" y2="8"/><line x1="8" y1="8" x2="8" y2="22"/><rect x="10" y="10" width="5" height="4" rx="0.5"/><circle cx="17" cy="17" r="2"/><line x1="11" y1="18" x2="14" y2="18"/></svg></div><span class="eco-tag eco-tag-scada" data-i18n="eco.tag.scada">组态</span></div>
          <h3 class="eco-card-title" data-i18n="eco.scada.title">FastBee 组态模块</h3>
          <p class="eco-card-desc" data-i18n="eco.scada.desc">通过灵活的组态方式，快速构建设备自动控制和系统监控工具</p>
        </div>
        <div class="eco-card reveal reveal-delay-1">
          <div class="eco-card-header"><div class="eco-card-icon eco-icon-mobile"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="5" y="2" width="14" height="20" rx="2"/><line x1="12" y1="18" x2="12.01" y2="18"/></svg></div><span class="eco-tag eco-tag-mobile" data-i18n="eco.tag.mobile">移动端</span></div>
          <h3 class="eco-card-title" data-i18n="eco.mobile.title">FastBee 移动端</h3>
          <p class="eco-card-desc" data-i18n="eco.mobile.desc">iOS/Android 移动应用、设备控制、告警推送、远程运维</p>
        </div>
        <div class="eco-card reveal reveal-delay-3">
          <div class="eco-card-header"><div class="eco-card-icon eco-icon-auto"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg></div><span class="eco-tag eco-tag-auto" data-i18n="eco.tag.auto">自动化</span></div>
          <h3 class="eco-card-title" data-i18n="eco.rule.title">FastBee 规则引擎</h3>
          <p class="eco-card-desc" data-i18n="eco.rule.desc">可视化规则编排、设备联动、场景触发、消息路由</p>
        </div>
        <div class="eco-card reveal reveal-delay-4">
          <div class="eco-card-header"><div class="eco-card-icon eco-icon-video"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><polygon points="23 7 16 12 23 17 23 7"/><rect x="1" y="5" width="15" height="14" rx="2" ry="2"/></svg></div><span class="eco-tag eco-tag-video" data-i18n="eco.tag.video">视频</span></div>
          <h3 class="eco-card-title" data-i18n="eco.video.title">FastBee 视频能力</h3>
          <p class="eco-card-desc" data-i18n="eco.video.desc">支持 GB28181/RTSP 视频接入，视频监控、AI 视觉联动</p>
        </div>
        <div class="eco-card reveal reveal-delay-2">
          <div class="eco-card-header"><div class="eco-card-icon eco-icon-cluster"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="1" y="4" width="8" height="6" rx="1"/><rect x="15" y="4" width="8" height="6" rx="1"/><rect x="8" y="14" width="8" height="6" rx="1"/><line x1="5" y1="10" x2="5" y2="14"/><line x1="19" y1="10" x2="19" y2="14"/><line x1="5" y1="14" x2="8" y2="14"/><line x1="19" y1="14" x2="16" y2="14"/></svg></div><span class="eco-tag eco-tag-cluster" data-i18n="eco.tag.cluster">集群</span></div>
          <h3 class="eco-card-title" data-i18n="eco.cluster.title">FastBee 集群模块</h3>
          <p class="eco-card-desc" data-i18n="eco.cluster.desc">高可用部署、更高 QPS 处理能力、良好的可扩展性，满足大规模设备接入</p>
        </div>
        <div class="eco-card reveal reveal-delay-1">
          <div class="eco-card-header"><div class="eco-card-icon eco-icon-speaker"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"/><path d="M19 10v2a7 7 0 0 1-14 0v-2"/><line x1="12" y1="19" x2="12" y2="23"/><line x1="8" y1="23" x2="16" y2="23"/></svg></div><span class="eco-tag eco-tag-speaker" data-i18n="eco.tag.speaker">语音</span></div>
          <h3 class="eco-card-title" data-i18n="eco.speaker.title">FastBee 智能音箱</h3>
          <p class="eco-card-desc" data-i18n="eco.speaker.desc">通过语音控制设备，实现智能家居场景下的自然交互体验</p>
        </div>
        <div class="eco-card reveal reveal-delay-2">
          <div class="eco-card-header"><div class="eco-card-icon eco-icon-embed"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"/><line x1="4" y1="22" x2="4" y2="15"/></svg></div><span class="eco-tag eco-tag-embed" data-i18n="eco.tag.embed">嵌入式</span></div>
          <h3 class="eco-card-title" data-i18n="eco.embed.title">独立嵌入式系统</h3>
          <p class="eco-card-desc" data-i18n="eco.embed.desc">ESP32/STM32 设备固件、硬件SDK、OTA 升级、边缘计算能力</p>
        </div>
      </div>
    </div>
  </section>

  <!-- ====== Visualization Showcase ====== -->
  <section class="section vis-section" id="visualization">
    <div class="container">
      <div class="section-header reveal">
        <span class="section-badge eco-badge">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="3" width="20" height="14" rx="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/></svg>
          <span data-i18n="vis.badge">可视化展示</span>
        </span>
        <h2 class="section-title text-h2 eco-title" data-i18n="vis.title">数据可视化 & 监控大屏</h2>
        <p class="section-desc eco-desc" data-i18n="vis.desc">零代码搭建数据大屏，通过直观的可视化界面实时监测和分析业务数据</p>
      </div>
      <div class="vis-grid reveal">
        <div class="vis-card">
          <div class="vis-card-header">
            <span class="vis-card-num">01</span>
            <span class="vis-card-title" data-i18n="vis.c1.title">地产信息实时监测屏</span>
          </div>
          <p class="vis-card-desc" data-i18n="vis.c1.desc">地产信息可视化利用数字技术呈现房地产项目，提供直观、生动的地产信息呈现与分析。</p>
          <div class="vis-card-img"><img src="assets/images/about/dc.jpg" alt="地产信息" loading="lazy" /></div>
        </div>
        <div class="vis-card">
          <div class="vis-card-header">
            <span class="vis-card-num">02</span>
            <span class="vis-card-title" data-i18n="vis.c2.title">电力信息可视化墙</span>
          </div>
          <p class="vis-card-desc" data-i18n="vis.c2.desc">电力可视化利用数据和图形展示电力系统运行情况，提供直观信息呈现与分析。</p>
          <div class="vis-card-img"><img src="assets/images/about/dl.jpg" alt="电力信息" loading="lazy" /></div>
        </div>
        <div class="vis-card">
          <div class="vis-card-header">
            <span class="vis-card-num">03</span>
            <span class="vis-card-title" data-i18n="vis.c3.title">环卫系统监测大屏</span>
          </div>
          <p class="vis-card-desc" data-i18n="vis.c3.desc">环卫可视化利用数据和图形展示城市环卫情况，提供直观的信息呈现，便于管理和监控。</p>
          <div class="vis-card-img"><img src="assets/images/about/hw.jpg" alt="环卫系统" loading="lazy" /></div>
        </div>
        <div class="vis-card">
          <div class="vis-card-header">
            <span class="vis-card-num">04</span>
            <span class="vis-card-title" data-i18n="vis.c4.title">运维数据展示屏</span>
          </div>
          <p class="vis-card-desc" data-i18n="vis.c4.desc">运维可视化利用图形展示系统运行情况，提供直观信息呈现与分析，便于管理和监控。</p>
          <div class="vis-card-img"><img src="assets/images/about/yw.jpg" alt="运维数据" loading="lazy" /></div>
        </div>
        <div class="vis-card">
          <div class="vis-card-header">
            <span class="vis-card-num">05</span>
            <span class="vis-card-title" data-i18n="vis.c5.title">医疗数据可视化信息墙</span>
          </div>
          <p class="vis-card-desc" data-i18n="vis.c5.desc">医院可视化利用数据和图形展示医院运行情况，提供直观、生动的信息呈现与分析。</p>
          <div class="vis-card-img"><img src="assets/images/about/yy.jpg" alt="医疗数据" loading="lazy" /></div>
        </div>
        <div class="vis-card">
          <div class="vis-card-header">
            <span class="vis-card-num">06</span>
            <span class="vis-card-title" data-i18n="vis.c6.title">食品安全风险分析大屏</span>
          </div>
          <p class="vis-card-desc" data-i18n="vis.c6.desc">食品安全可视化利用数据和图形展示食品生产、流通和消费环节的信息，提供直观监测和分析。</p>
          <div class="vis-card-img"><img src="assets/images/about/sp.jpg" alt="食品安全" loading="lazy" /></div>
        </div>
      </div>
    </div>
  </section>

  <!-- ====== Protocols & Architecture ====== -->
  <section class="section proto-section" id="protocols">
    <div class="container">
      <div class="section-header reveal">
        <span class="section-badge eco-badge">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 11a9 9 0 0 1 9 9"/><path d="M4 4a16 16 0 0 1 16 16"/><circle cx="5" cy="19" r="1"/></svg>
          <span data-i18n="proto.badge">协议 & 架构</span>
        </span>
        <h2 class="section-title text-h2 eco-title" data-i18n="proto.title">多协议支持· 灵活架构</h2>
        <p class="section-desc eco-desc" data-i18n="proto.desc">支持主流物联网通信协议与工业标准，灵活适配各类设备和场景</p>
      </div>
      <div class="proto-grid reveal">
        <div class="proto-card"><div class="proto-icon proto-icon-mqtt">MQTT</div><span class="proto-label" data-i18n="proto.mqtt">消息队列遥测</span></div>
        <div class="proto-card"><div class="proto-icon proto-icon-tcp">TCP/UDP</div><span class="proto-label" data-i18n="proto.tcp">透传协议</span></div>
        <div class="proto-card"><div class="proto-icon proto-icon-modbus">Modbus</div><span class="proto-label" data-i18n="proto.modbus">工业协议</span></div>
        <div class="proto-card"><div class="proto-icon proto-icon-coap">CoAP</div><span class="proto-label" data-i18n="proto.coap">受限应用</span></div>
        <div class="proto-card"><div class="proto-icon proto-icon-http">HTTP</div><span class="proto-label" data-i18n="proto.http">REST API</span></div>
        <div class="proto-card"><div class="proto-icon proto-icon-jt808">JT808</div><span class="proto-label" data-i18n="proto.jt808">车联网</span></div>
        <div class="proto-card"><div class="proto-icon proto-icon-ble">BLE</div><span class="proto-label" data-i18n="proto.ble">低功耗蓝牙</span></div>
        <div class="proto-card"><div class="proto-icon proto-icon-gb">GB28181</div><span class="proto-label" data-i18n="proto.gb">视频监控</span></div>
      </div>
      <!-- Architecture -->
      <div class="arch-box reveal">
        <h3 class="arch-title" data-i18n="arch.title">平台技术架构</h3>
        <div class="arch-layers">
          <div class="arch-layer arch-layer-app"><span class="arch-layer-label" data-i18n="arch.app">应用层</span><div class="arch-chips"><span>Web 管理后台</span><span>可视化大屏</span><span>移动端App</span><span>Web 组态</span></div></div>
          <div class="arch-layer arch-layer-service"><span class="arch-layer-label" data-i18n="arch.service">服务层</span><div class="arch-chips"><span data-i18n="arch.s1">设备管理</span><span data-i18n="arch.s2">规则引擎</span><span data-i18n="arch.s3">告警中心</span><span data-i18n="arch.s4">AI 引擎</span><span data-i18n="arch.s5">数据分析</span></div></div>
          <div class="arch-layer arch-layer-connect"><span class="arch-layer-label" data-i18n="arch.connect">接入层</span><div class="arch-chips"><span>MQTT Broker</span><span>TCP/UDP Server</span><span>CoAP Gateway</span><span>HTTP API</span><span>Modbus Adapter</span></div></div>
          <div class="arch-layer arch-layer-device"><span class="arch-layer-label" data-i18n="arch.device">设备层</span><div class="arch-chips"><span data-i18n="arch.d1">传感器</span><span data-i18n="arch.d2">控制器</span><span data-i18n="arch.d3">网关</span><span data-i18n="arch.d4">摄像头</span><span data-i18n="arch.d5">PLC</span></div></div>
        </div>
      </div>
    </div>
  </section>

  <!-- ====== Hardware & Embedded ====== -->
  <section class="section hw-section" id="hardware">
    <div class="container">
      <div class="section-header reveal">
        <span class="section-badge eco-badge">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="4" y="4" width="16" height="16" rx="2"/><rect x="9" y="9" width="6" height="6"/><line x1="9" y1="1" x2="9" y2="4"/><line x1="15" y1="1" x2="15" y2="4"/><line x1="9" y1="20" x2="9" y2="23"/><line x1="15" y1="20" x2="15" y2="23"/><line x1="20" y1="9" x2="23" y2="9"/><line x1="20" y1="14" x2="23" y2="14"/><line x1="1" y1="9" x2="4" y2="9"/><line x1="1" y1="14" x2="4" y2="14"/></svg>
          <span data-i18n="hw.badge">软硬一体</span>
        </span>
        <h2 class="section-title text-h2 eco-title" data-i18n="hw.title">软硬一体，平台与设备深度联动</h2>
        <p class="section-desc eco-desc" data-i18n="hw.desc">独立嵌入式软件系统+ 完整硬件产品线，开箱即用的 AIoT 解决方案</p>
      </div>
      <!-- Embedded Software Highlights -->
      <div class="hw-embed-row reveal">
        <div class="hw-embed-card">
          <div class="hw-embed-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="4" y="4" width="16" height="16" rx="2"/><rect x="9" y="9" width="6" height="6"/></svg></div>
          <h4 data-i18n="hw.e1.title">ESP32 / STM32 固件</h4>
          <p data-i18n="hw.e1.desc">适配主流芯片平台，开箱即用</p>
        </div>
        <div class="hw-embed-card">
          <div class="hw-embed-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg></div>
          <h4 data-i18n="hw.e2.title">硬件 SDK</h4>
          <p data-i18n="hw.e2.desc">完整开发套件，极速集成</p>
        </div>
        <div class="hw-embed-card">
          <div class="hw-embed-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg></div>
          <h4 data-i18n="hw.e3.title">OTA 远程升级</h4>
          <p data-i18n="hw.e3.desc">固件在线推送，批量更新</p>
        </div>
        <div class="hw-embed-card">
          <div class="hw-embed-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg></div>
          <h4 data-i18n="hw.e4.title">边缘计算</h4>
          <p data-i18n="hw.e4.desc">本地数据处理，降低延迟</p>
        </div>
      </div>
      <!-- Hardware Products Grid -->
      <div class="hwprod-grid reveal">
        <div class="hwprod-card" style="background-image:url('assets/images/new/industrial.png')">
          <div class="hwprod-overlay"></div>
          <div class="hwprod-content">
            <h4 class="hwprod-title" data-i18n="hw.p1.title">边缘网关</h4>
            <div class="hwprod-tags"><span data-i18n="hw.p1.t1">多协议转换</span><span data-i18n="hw.p1.t2">边缘计算</span><span data-i18n="hw.p1.t3">远程管理</span></div>
          </div>
        </div>
        <div class="hwprod-card" style="background-image:url('assets/images/about/dl.jpg')">
          <div class="hwprod-overlay"></div>
          <div class="hwprod-content">
            <h4 class="hwprod-title" data-i18n="hw.p2.title">通信模组</h4>
            <div class="hwprod-tags"><span>WiFi</span><span>4G/5G</span><span>LoRa</span></div>
          </div>
        </div>
        <div class="hwprod-card" style="background-image:url('assets/images/new/smart-agriculture.png')">
          <div class="hwprod-overlay"></div>
          <div class="hwprod-content">
            <h4 class="hwprod-title" data-i18n="hw.p3.title">传感器系列</h4>
            <div class="hwprod-tags"><span data-i18n="hw.p3.t1">温湿度</span><span data-i18n="hw.p3.t2">光照</span><span data-i18n="hw.p3.t3">气体检测</span></div>
          </div>
        </div>
        <div class="hwprod-card" style="background-image:url('assets/images/about/dc.jpg')">
          <div class="hwprod-overlay"></div>
          <div class="hwprod-content">
            <h4 class="hwprod-title" data-i18n="hw.p4.title">智能控制器</h4>
            <div class="hwprod-tags"><span data-i18n="hw.p4.t1">继电器</span><span data-i18n="hw.p4.t2">调光</span><span data-i18n="hw.p4.t3">电机控制</span></div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ====== Video Capabilities ====== -->
  <section class="section hardware-section" id="video">
    <div class="container">
      <div class="section-header reveal">
        <span class="section-badge">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M23 7l-7 5 7 5V7z"/><rect x="1" y="5" width="15" height="14" rx="2"/></svg>
          <span data-i18n="video.badge">Video</span>
        </span>
        <h2 class="section-title text-h2" data-i18n="video.title">FastBee 视频能力</h2>
        <p class="section-desc" data-i18n="video.desc">支持 GB28181/RTSP 视频接入，视频监控、AI 视觉联动，构建完整的视频物联解决方案</p>
      </div>

      <div class="features-grid">
        <div class="card feature-card reveal reveal-delay-1">
          <div class="card-icon"><svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><polyline points="9 12 11 14 15 10"/></svg></div>
          <h3 class="card-title" data-i18n="video.gb.title">GB28181 国标协议</h3>
          <p class="card-desc" data-i18n="video.gb.desc">全面支持 GB/T 28181 国标视频监控协议，兼容主流NVR、IPC 等安防设备，实现标准化视频接入与管理</p>
        </div>
        <div class="card feature-card accent reveal reveal-delay-2">
          <div class="card-icon"><svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M23 7l-7 5 7 5V7z"/><rect x="1" y="5" width="15" height="14" rx="2"/></svg></div>
          <h3 class="card-title" data-i18n="video.rtsp.title">RTSP 视频流接入</h3>
          <p class="card-desc" data-i18n="video.rtsp.desc">支持 RTSP/RTMP 实时视频流协议，兼容海康、大华等主流摄像头，低延迟视频传输与播放</p>
        </div>
        <div class="card feature-card reveal reveal-delay-3">
          <div class="card-icon"><svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="2" y="3" width="20" height="14" rx="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/></svg></div>
          <h3 class="card-title" data-i18n="video.monitor.title">视频监控管理</h3>
          <p class="card-desc" data-i18n="video.monitor.desc">设备在线状态管理、通道管理、云台控制(PTZ)、视频录像回放与截图抓拍</p>
        </div>
        <div class="card feature-card reveal reveal-delay-1">
          <div class="card-icon"><svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M12 2a4 4 0 0 1 4 4c0 1.95-1.4 3.57-3.25 3.93L12 22"/><path d="M12 2a4 4 0 0 0-4 4c0 1.95 1.4 3.57 3.25 3.93"/><circle cx="12" cy="14" r="2"/><path d="M4.5 16.5c2-2 5-3.5 7.5-3.5s5.5 1.5 7.5 3.5"/></svg></div>
          <h3 class="card-title" data-i18n="video.ai.title">AI 视觉联动</h3>
          <p class="card-desc" data-i18n="video.ai.desc">AI 视觉智能分析，支持人脸检测、移动侦测、区域入侵等场景，联动告警与设备控制</p>
        </div>
        <div class="card feature-card accent reveal reveal-delay-2">
          <div class="card-icon"><svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><polygon points="5 3 19 12 5 21 5 3"/></svg></div>
          <h3 class="card-title" data-i18n="video.stream.title">视频转码与分发</h3>
          <p class="card-desc" data-i18n="video.stream.desc">服务端视频转码，支持 H.264/H.265 编码，Web/移动端无插件播放，多端实时预览</p>
        </div>
        <div class="card feature-card reveal reveal-delay-3">
          <div class="card-icon"><svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/><rect x="14" y="14" width="7" height="7"/><rect x="3" y="14" width="7" height="7"/></svg></div>
          <h3 class="card-title" data-i18n="video.integrate.title">平台深度集成</h3>
          <p class="card-desc" data-i18n="video.integrate.desc">视频能力与物联网平台深度融合，视频画面嵌入组态大屏、设备详情页，实现可视化运维</p>
        </div>
      </div>
    </div>
  </section>

  <!-- ====== Enterprise Users ====== -->
  <section class="section clients-section" id="clients">
    <!-- World Map Background Decoration -->
    <div class="clients-map-bg" aria-hidden="true">
      <svg viewBox="0 0 1200 600" xmlns="http://www.w3.org/2000/svg">
        <path d="M183 135c3-2 7-3 10-2 4 1 7 4 11 5 3 0 6-2 9-1 5 2 4 9 7 13 2 3 6 3 9 5 2 2 2 6 4 8 3 3 8 2 12 3 3 1 5 4 8 5 4 1 7-2 11-1 3 1 4 5 7 6 4 2 8-1 11 2 2 2 1 6 3 8 3 2 7 1 9 4 2 4-1 8 2 12 2 3 6 5 7 8 0 3-2 5-2 8s2 6 1 9c-2 3-5 5-6 9-1 4 1 8-1 12-2 3-6 4-7 8-1 4 1 8-1 11-2 3-6 3-8 6-1 3 1 7-1 10-2 2-5 2-7 4-2 3-1 7-4 9-3 1-6-1-8 1-2 3-1 7-3 9-3 2-7 0-9 3-1 3 1 7-1 9-3 2-7-1-9 2-1 3 1 6-1 8-3 2-6-1-8 2-2 3 0 7-2 9-3 1-6-2-8 0-2 2-1 6-3 7-3 1-6-2-9-1" fill="currentColor" opacity="0.3" transform="translate(80,60) scale(0.8)"/>
        <path d="M580 95c4-1 8 1 12 1 5-1 8-5 13-5 4 0 7 3 11 4 4 0 8-2 12-1 4 2 5 7 9 8 4 1 8-2 12-1 4 2 5 6 9 8 3 1 7-1 10 1 4 2 4 7 7 10 2 3 6 4 7 8 1 4-2 8-1 12 1 4 5 6 5 10 0 5-3 9-2 14 1 4 5 7 5 11 0 5-4 8-3 13 1 4 5 7 4 11-1 5-5 7-5 12 0 4 3 8 3 12-1 4-4 7-4 11 0 5 3 8 2 13-1 4-5 7-5 11 0 4 3 8 2 12-2 4-5 5-6 10 0 4 4 7 4 11-1 5-5 7-5 11-1 5 3 9 2 14-2 4-6 5-7 9-1 4 3 8 1 12" fill="currentColor" opacity="0.25" transform="translate(0,30) scale(0.9)"/>
        <path d="M850 180c2-2 5-3 8-2 4 1 6 5 10 6 3 0 7-3 10-2 4 2 4 7 7 10 3 2 7 1 10 4 2 3 1 7 3 10 3 3 7 3 9 6 2 4 0 8 2 12 2 3 6 5 7 9 1 4-1 8 1 12 2 3 6 4 7 8 1 5-3 9-1 13 2 4 6 5 7 9 0 4-3 7-2 11 1 4 5 6 6 10 0 3-3 6-2 9" fill="currentColor" opacity="0.2" transform="translate(-20,20) scale(0.85)"/>
        <circle cx="200" cy="200" r="3" fill="currentColor" opacity="0.5"><animate attributeName="opacity" values="0.2;0.6;0.2" dur="3s" repeatCount="indefinite"/></circle>
        <circle cx="380" cy="160" r="2.5" fill="currentColor" opacity="0.4"><animate attributeName="opacity" values="0.2;0.5;0.2" dur="4s" repeatCount="indefinite"/></circle>
        <circle cx="620" cy="180" r="3" fill="currentColor" opacity="0.5"><animate attributeName="opacity" values="0.3;0.7;0.3" dur="3.5s" repeatCount="indefinite"/></circle>
        <circle cx="780" cy="220" r="2" fill="currentColor" opacity="0.4"><animate attributeName="opacity" values="0.2;0.5;0.2" dur="4.5s" repeatCount="indefinite"/></circle>
        <circle cx="900" cy="260" r="2.5" fill="currentColor" opacity="0.4"><animate attributeName="opacity" values="0.1;0.5;0.1" dur="5s" repeatCount="indefinite"/></circle>
        <circle cx="500" cy="280" r="2" fill="currentColor" opacity="0.35"><animate attributeName="opacity" values="0.15;0.45;0.15" dur="3.8s" repeatCount="indefinite"/></circle>
        <circle cx="1050" cy="200" r="2.5" fill="currentColor" opacity="0.4"><animate attributeName="opacity" values="0.2;0.6;0.2" dur="4.2s" repeatCount="indefinite"/></circle>
        <circle cx="150" cy="300" r="2" fill="currentColor" opacity="0.3"><animate attributeName="opacity" values="0.1;0.4;0.1" dur="5.5s" repeatCount="indefinite"/></circle>
      </svg>
    </div>
    <div class="container">
      <div class="section-header reveal">
        <span class="section-badge">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
          <span data-i18n="clients.badge">Enterprise Users</span>
        </span>
        <h2 class="section-title text-h2" data-i18n="clients.title">500+ 企业信赖之选</h2>
        <p class="section-desc" data-i18n="clients.desc">涵盖智能家居、智慧农业、工业控制、智慧城市等多个行业，FastBee 正在成为中小企业物联网建设的首选平台</p>
      </div>

      <!-- Stats Row -->
      <div class="clients-stats reveal">
        <div class="clients-stat-card">
          <div class="clients-stat-icon">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="2" y="7" width="20" height="14" rx="2"/><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/></svg>
          </div>
          <div class="clients-stat-value">500+</div>
          <div class="clients-stat-label" data-i18n="clients.stat1">企业用户</div>
        </div>
        <div class="clients-stat-card">
          <div class="clients-stat-icon">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>
          </div>
          <div class="clients-stat-value">30+</div>
          <div class="clients-stat-label" data-i18n="clients.stat2">覆盖省份</div>
        </div>
        <div class="clients-stat-card">
          <div class="clients-stat-icon">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg>
          </div>
          <div class="clients-stat-value">10+</div>
          <div class="clients-stat-label" data-i18n="clients.stat3">行业领域</div>
        </div>
        <div class="clients-stat-card">
          <div class="clients-stat-icon">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>
          </div>
          <div class="clients-stat-value">65%</div>
          <div class="clients-stat-label" data-i18n="clients.stat4">续约率</div>
        </div>
      </div>

      <!-- Industry Distribution -->
      <div class="clients-industries reveal">
        <div class="clients-industry-card">
          <div class="clients-industry-icon" style="background:hsla(217,91%,60%,0.1);color:hsl(217,91%,60%)">
            <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>
          </div>
          <h4 data-i18n="clients.ind1.title">智能家居</h4>
          <p class="clients-industry-pct">28%</p>
          <div class="clients-industry-bar"><div class="clients-industry-fill" style="width:28%;background:hsl(217,91%,60%)"></div></div>
        </div>
        <div class="clients-industry-card">
          <div class="clients-industry-icon" style="background:hsla(142,70%,50%,0.1);color:hsl(142,70%,50%)">
            <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M12 22c4-4 8-7.582 8-12a8 8 0 1 0-16 0c0 4.418 4 8 8 12z"/><circle cx="12" cy="10" r="3"/></svg>
          </div>
          <h4 data-i18n="clients.ind2.title">智慧农业</h4>
          <p class="clients-industry-pct">22%</p>
          <div class="clients-industry-bar"><div class="clients-industry-fill" style="width:22%;background:hsl(142,70%,50%)"></div></div>
        </div>
        <div class="clients-industry-card">
          <div class="clients-industry-icon" style="background:hsla(38,92%,50%,0.1);color:hsl(38,92%,50%)">
            <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M2 20h20"/><path d="M5 20V8l7-5 7 5v12"/><path d="M9 20v-4h6v4"/><rect x="9" y="10" width="6" height="4"/></svg>
          </div>
          <h4 data-i18n="clients.ind3.title">工业制造</h4>
          <p class="clients-industry-pct">20%</p>
          <div class="clients-industry-bar"><div class="clients-industry-fill" style="width:20%;background:hsl(38,92%,50%)"></div></div>
        </div>
        <div class="clients-industry-card">
          <div class="clients-industry-icon" style="background:hsla(280,70%,55%,0.1);color:hsl(280,70%,55%)">
            <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="1" y="3" width="15" height="13" rx="2"/><path d="M16 8h4a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-2"/></svg>
          </div>
          <h4 data-i18n="clients.ind4.title">智慧城市</h4>
          <p class="clients-industry-pct">15%</p>
          <div class="clients-industry-bar"><div class="clients-industry-fill" style="width:15%;background:hsl(280,70%,55%)"></div></div>
        </div>
        <div class="clients-industry-card">
          <div class="clients-industry-icon" style="background:hsla(0,72%,51%,0.1);color:hsl(0,72%,51%)">
            <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg>
          </div>
          <h4 data-i18n="clients.ind5.title">能源环保</h4>
          <p class="clients-industry-pct">10%</p>
          <div class="clients-industry-bar"><div class="clients-industry-fill" style="width:10%;background:hsl(0,72%,51%)"></div></div>
        </div>
        <div class="clients-industry-card">
          <div class="clients-industry-icon" style="background:hsla(190,80%,45%,0.1);color:hsl(190,80%,45%)">
            <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg>
          </div>
          <h4 data-i18n="clients.ind6.title">其他领域</h4>
          <p class="clients-industry-pct">5%</p>
          <div class="clients-industry-bar"><div class="clients-industry-fill" style="width:5%;background:hsl(190,80%,45%)"></div></div>
        </div>
      </div>

      <!-- Logo Wall -->
      <div class="clients-logos reveal">
        <div class="clients-logos-label" data-i18n="clients.logos.label">部分合作企业 <span style="color:hsl(var(--text-tertiary));font-weight:400">（排名不分先后）</span></div>
        <p class="clients-logos-notice" data-i18n="clients.logos.notice">以下公司信息从客户列表中随机提取，已经隐藏了公司关键信息，如果对您有影响，请联系客服删除</p>
        <div class="clients-logos-grid">
          <div class="clients-logo-item"><span>厦门市***软件科技有限公司</span></div>
          <div class="clients-logo-item"><span>广州市***信息技术有限公司</span></div>
          <div class="clients-logo-item"><span>铁门关市***智慧电子科技有限公司</span></div>
          <div class="clients-logo-item"><span>龙岩市***汽车有限公司</span></div>
          <div class="clients-logo-item"><span>西安市***电子科技有限公司</span></div>
          <div class="clients-logo-item"><span>深圳市***智联科技有限公司</span></div>
          <div class="clients-logo-item"><span>杭州市***轨交科技有限公司</span></div>
          <div class="clients-logo-item"><span>桂林***大学</span></div>
          <div class="clients-logo-item"><span>上海市***环境技术有限公司</span></div>
          <div class="clients-logo-item"><span>深圳市***科技有限公司</span></div>
          <div class="clients-logo-item"><span>湖南省***智联科技有限公司</span></div>
          <div class="clients-logo-item"><span>河南省***创新信息科技有限公司</span></div>
          <div class="clients-logo-item"><span>深圳市***科技有限公司</span></div>
          <div class="clients-logo-item"><span>苏州市***新能源科技有限公司</span></div>
          <div class="clients-logo-item"><span>福建省***电力技术有限公司</span></div>
          <div class="clients-logo-item"><span>山东省***信息科技有限公司</span></div>
          <div class="clients-logo-item"><span>哈尔滨***学</span></div>
          <div class="clients-logo-item"><span>武汉市***科技有限公司</span></div>
          <div class="clients-logo-item"><span>青岛市***环保科技有限公司</span></div>
          <div class="clients-logo-item"><span>珠海市***社区技术股份有限公司</span></div>
          <div class="clients-logo-item"><span>北京市***科技有限责任公司</span></div>
          <div class="clients-logo-item"><span>无锡市***智能科技有限公司</span></div>
          <div class="clients-logo-item"><span>安徽省***通信技术服务有限公司</span></div>
          <div class="clients-logo-item"><span>洛阳市***环境科技有限公司</span></div>
          <div class="clients-logo-item"><span>东海***实验室</span></div>
          <div class="clients-logo-item"><span>湖北省***信息工程有限公司</span></div>
          <div class="clients-logo-item"><span>宜昌市***技术中心有限公司</span></div>
          <div class="clients-logo-item"><span>江苏省***信息科技有限公司</span></div>
          <div class="clients-logo-item"><span>浙江省***网络科技有限公司</span></div>
          <div class="clients-logo-item"><span>湖南省***智能科技有限公司</span></div>
          <div class="clients-logo-item"><span>正星***份有限公司</span></div>
          <div class="clients-logo-item"><span>西安市***科</span></div>
          <div class="clients-logo-item"><span>上海市***医疗科技（上海）有限公司</span></div>
          <div class="clients-logo-item"><span>新疆***研究所股份有限公司</span></div>
          <div class="clients-logo-item"><span>无锡市***机电控制有限公司</span></div>
          <div class="clients-logo-item"><span>西安市***信息工程有限公司</span></div>
          <div class="clients-logo-item"><span>河南省***科技有限公司</span></div>
          <div class="clients-logo-item"><span>广东省***通信科技有限公司</span></div>
          <div class="clients-logo-item"><span>甘肃省***智能科技有限公司</span></div>
          <div class="clients-logo-item"><span>广州市***信息技术有限公司</span></div>
          <div class="clients-logo-item"><span>北京***职业学院</span></div>
          <div class="clients-logo-item"><span>广西***科技有限公司</span></div>
          <div class="clients-logo-item"><span>广州***工业智能研究院</span></div>
          <div class="clients-logo-item"><span>武汉市***科技有限公司</span></div>
          <div class="clients-logo-item"><span>南宁市***科技有限公司</span></div>
          <div class="clients-logo-item"><span>山东省***数字科技股份有限公司</span></div>
          <div class="clients-logo-item"><span>陕西省***农业有限责任公司</span></div>
          <div class="clients-logo-item"><span>淄博市***电气有限公司</span></div>
          <div class="clients-logo-item"><span>北京市***科技股份有限公司</span></div>
          <div class="clients-logo-item"><span>嘉兴市***网络科技有限公司</span></div>
          <div class="clients-logo-item"><span>云南省***科技有限公司</span></div>
          <div class="clients-logo-item"><span>潍坊市***电子有限公司</span></div>
          <div class="clients-logo-item"><span>南京市***数据科技有限公司</span></div>
          <div class="clients-logo-item"><span>南京市***智能科技有限公司</span></div>
          <div class="clients-logo-item"><span>元琛***环保</span></div>
          <div class="clients-logo-item"><span>苏州市***安全技术股份有限公司</span></div>
          <div class="clients-logo-item"><span>天水市***环境卫生治理服务中心</span></div>
          <div class="clients-logo-item"><span>厦门市***数据科技有限公司</span></div>
          <div class="clients-logo-item"><span>河南省***项目管理有限公司</span></div>
          <div class="clients-logo-item"><span>江苏省***数据服务有限公司</span></div>
          <div class="clients-logo-item"><span>北京市***科技有限公司</span></div>
          <div class="clients-logo-item"><span>深圳市***公共安全技术研究院</span></div>
          <div class="clients-logo-item"><span>鹤壁市***生物科技发展</span></div>
          <div class="clients-logo-item"><span>深圳市***环保股份有限公司</span></div>
          <div class="clients-logo-item"><span>上海市***软件科技(上海)有限公司</span></div>
          <div class="clients-logo-item"><span>北京市***智慧科技集团有限公司</span></div>
          <div class="clients-logo-item"><span>北京市***科技有限公司</span></div>
          <div class="clients-logo-item"><span>广州市***物联科技有限公司</span></div>
          <div class="clients-logo-item"><span>苏州市***智能科技有限公司</span></div>
          <div class="clients-logo-item"><span>山东省***信息科技有限公司</span></div>
          <div class="clients-logo-item"><span>北京市***科技有限公司</span></div>
          <div class="clients-logo-item"><span>深圳市***电子(深圳)有限公司</span></div>
          <div class="clients-logo-item"><span>北京市***科技有限公司</span></div>
          <div class="clients-logo-item"><span>成都市***机器人及智能装备产业技术研究院有限公司</span></div>
          <div class="clients-logo-item"><span>甘肃省***网络科技有限公司</span></div>
          <div class="clients-logo-item"><span>青岛市***建筑工程有限公司</span></div>
          <div class="clients-logo-item"><span>四川省***能源科技有限公司</span></div>
          <div class="clients-logo-item"><span>无锡市***科技有限公司</span></div>
          <div class="clients-logo-item"><span>广州市***科技有限公司</span></div>
          <div class="clients-logo-item"><span>内蒙古***科技有限责任公司</span></div>
          <div class="clients-logo-item"><span>江苏省***智能科技有限公司</span></div>
          <div class="clients-logo-item"><span>湖南省***勘测设计规划研究总院有限公司</span></div>
          <div class="clients-logo-item"><span>江苏省***交通安全科技有限公司</span></div>
          <div class="clients-logo-item"><span>中国电信股份有限公司***长途传输局</span></div>
          <div class="clients-logo-item"><span>成都市***科技有限公司</span></div>
          <div class="clients-logo-item"><span>山东省***信息科技有限公司</span></div>
          <div class="clients-logo-item"><span>福州市***科技有限公司</span></div>
          <div class="clients-logo-item"><span>北京市***科技有限公司</span></div>
          <div class="clients-logo-item"><span>中科***大脑</span></div>
          <div class="clients-logo-item"><span>云南省***科技有限公司</span></div>
          <div class="clients-logo-item"><span>徐州市***冷链科技(徐州)有限公司</span></div>
          <div class="clients-logo-item"><span>苏州市***环境科技(苏州)有限公司</span></div>
          <div class="clients-logo-item"><span>雅知***科技</span></div>
          <div class="clients-logo-item"><span>青岛市***科技有限公司</span></div>
          <div class="clients-logo-item"><span>天津市***科技有限公司</span></div>
          <div class="clients-logo-item"><span>深圳市***数联科技有限公司</span></div>
          <div class="clients-logo-item"><span>济南市***智能科技有限公司</span></div>
          <div class="clients-logo-item"><span>山东省***信息科技有限公司</span></div>
          <div class="clients-logo-item"><span>杭州市***科技有限公司</span></div>
          <div class="clients-logo-item"><span>沈阳市***智能科技有限公司</span></div>
          <div class="clients-logo-item"><span>四川省***科技有限公司</span></div>
          <div class="clients-logo-item"><span>北京市***安全设备有限公司</span></div>
          <div class="clients-logo-item"><span>成都市***软件有限公司</span></div>
          <div class="clients-logo-item"><span>西安市***数据科技发展有限公司</span></div>
          <div class="clients-logo-item"><span>广州市***电子科技有限公司</span></div>
          <div class="clients-logo-item"><span>重庆市***科技有限公司</span></div>
          <div class="clients-logo-item"><span>山东省***智能科技有限公司</span></div>
          <div class="clients-logo-item"><span>中国电信股份有限公司***分公司</span></div>
          <div class="clients-logo-item"><span>北京市***科技有限公司</span></div>
          <div class="clients-logo-item"><span>成都市***机械设备有限公司</span></div>
          <div class="clients-logo-item"><span>北京市***科技有限公司</span></div>
          <div class="clients-logo-item"><span>河南省***新材料有限公司</span></div>
          <div class="clients-logo-item"><span>杭州市***数智科技有限公司</span></div>
          <div class="clients-logo-item"><span>深圳市***网络科技有限公司</span></div>
          <div class="clients-logo-item"><span>贵州省***城市生命线智能物联（贵州）有限公司</span></div>
          <div class="clients-logo-item"><span>南京市***智能科技有限公司</span></div>
          <div class="clients-logo-item"><span>杭州市***节能科技有限公司</span></div>
          <div class="clients-logo-item"><span>西安市***科技发展有限公司</span></div>
          <div class="clients-logo-item"><span>青岛市***软件开发有限公司</span></div>
          <div class="clients-logo-item"><span>江苏省***建设工程有限公司</span></div>
          <div class="clients-logo-item"><span>武汉市***科技有限公司</span></div>
          <div class="clients-logo-item"><span>广东省***科技有限公司</span></div>
          <div class="clients-logo-item"><span>杭州市***科技有限公司</span></div>
          <div class="clients-logo-item"><span>南京市***智慧信息科技有限公司</span></div>
          <div class="clients-logo-item"><span>青岛市***集成有限公司</span></div>
          <div class="clients-logo-item"><span>武汉市***科技有限公司</span></div>
          <div class="clients-logo-item"><span>天津市***通信广播集团有限公司</span></div>
          <div class="clients-logo-item"><span>佛山市***智能装备有限公司</span></div>
          <div class="clients-logo-item"><span>北京市***油气技术有限责任公司</span></div>
          <div class="clients-logo-item"><span>山东省***信息技术有限公司</span></div>
          <div class="clients-logo-item"><span>山东省***科技有限公司</span></div>
          <div class="clients-logo-item"><span>重庆市***数字科技有限公司</span></div>
          <div class="clients-logo-item"><span>无锡市***科技有限公司</span></div>
          <div class="clients-logo-item"><span>辽宁省***交通科技有限公司</span></div>
          <div class="clients-logo-item"><span>大连市***科技有限责任公司</span></div>
          <div class="clients-logo-item"><span>浙江省***物联科技有限公司</span></div>
          <div class="clients-logo-item"><span>安徽省***物联网科技有限公司</span></div>
          <div class="clients-logo-item"><span>北京市***科技发展有限公司</span></div>
          <div class="clients-logo-item"><span>北京市***科技发展有限公司</span></div>
          <div class="clients-logo-item"><span>江苏省***机电设备有限公司</span></div>
          <div class="clients-logo-item"><span>重庆***技术研究院有限公司</span></div>
<div class="clients-logo-item"><span>武汉市***信息技术咨询有限公司</span></div>
<div class="clients-logo-item"><span>贵州省***互连科技有限公司</span></div>
<div class="clients-logo-item"><span>无锡***智能科技有限公司</span></div>
<div class="clients-logo-item"><span>河北***大学</span></div>
<div class="clients-logo-item"><span>重庆***科技有限公司</span></div>
<div class="clients-logo-item"><span>安徽***环境科技有限公司</span></div>
<div class="clients-logo-item"><span>武汉市***科技有限公司</span></div>
<div class="clients-logo-item"><span>北京***软件有限公司</span></div>
<div class="clients-logo-item"><span>宁夏***职业技术学院</span></div>
<div class="clients-logo-item"><span>深圳***科技有限公司</span></div>
<div class="clients-logo-item"><span>南京市***信息技术有限公司</span></div>
<div class="clients-logo-item"><span>贵州***科技有限公司</span></div>
<div class="clients-logo-item"><span>陕西建工***科技有限公司</span></div>
<div class="clients-logo-item"><span>深圳市***科技有限公司</span></div>
<div class="clients-logo-item"><span>广东***信息技术有限公司</span></div>
<div class="clients-logo-item"><span>北京***科技有限公司</span></div>
<div class="clients-logo-item"><span>江苏***科技有限公司</span></div>
<div class="clients-logo-item"><span>合肥哈工***智能科技有限公司</span></div>
<div class="clients-logo-item"><span>杭州***联科技有限公司</span></div>
<div class="clients-logo-item"><span>河北工***研究院(石家庄)</span></div>
<div class="clients-logo-item"><span>南京***科技有限公司</span></div>
<div class="clients-logo-item"><span>镇江***智能科技有限公司</span></div>
<div class="clients-logo-item"><span>贵州***文化传播有限公司</span></div>
<div class="clients-logo-item"><span>山东省***极科技有限公司</span></div>
<div class="clients-logo-item"><span>华远***源技术有限公司</span></div>
<div class="clients-logo-item"><span>黄石市***安防有限公司</span></div>
<div class="clients-logo-item"><span>宁夏***学</span></div>
<div class="clients-logo-item"><span>重庆***学</span></div>
<div class="clients-logo-item"><span>广州***网络有限公司</span></div>
<div class="clients-logo-item"><span>福建***科技有限公司</span></div>
<div class="clients-logo-item"><span>深圳***联网电子科技有限公司</span></div>
<div class="clients-logo-item"><span>山东***网络科技有限公司</span></div>
<div class="clients-logo-item"><span>深圳市***物联有限公司</span></div>
<div class="clients-logo-item"><span>成都***科技有限公司</span></div>
<div class="clients-logo-item"><span>广东***科技有限公司</span></div>
<div class="clients-logo-item"><span>大连***科技有限公司</span></div>
<div class="clients-logo-item"><span>北京***安全科技有限公司</span></div>
<div class="clients-logo-item"><span>厦门***科技有限公司</span></div>
<div class="clients-logo-item"><span>江西省***设计院有限公司</span></div>
<div class="clients-logo-item"><span>德阳***信息技术有限公司</span></div>
<div class="clients-logo-item"><span>成都***智能设备有限公司</span></div>
<div class="clients-logo-item"><span>四川省***科技有限公司</span></div>
<div class="clients-logo-item"><span>沙雅县***节水科技有限公司</span></div>
<div class="clients-logo-item"><span>山东***信息科技有限公司</span></div>
<div class="clients-logo-item"><span>重庆***科技有限公司</span></div>
<div class="clients-logo-item"><span>合肥***物联科技有限责任公司</span></div>
<div class="clients-logo-item"><span>数字***技术运营有限公司</span></div>
<div class="clients-logo-item"><span>高新区***计算机软件开发工作室</span></div>
<div class="clients-logo-item"><span>厦门***科技有限公司</span></div>
<div class="clients-logo-item"><span>福州***科技有限公司</span></div>
<div class="clients-logo-item"><span>江西***科技有限公司</span></div>
<div class="clients-logo-item"><span>上海***物联网科技有限公司</span></div>
<div class="clients-logo-item"><span>南京***科技实业有限公司</span></div>
<div class="clients-logo-item"><span>海南***科技有限公司</span></div>
<div class="clients-logo-item"><span>威海***信息技术有限公司</span></div>
<div class="clients-logo-item"><span>衢州***物联科技有限公司</span></div>
<div class="clients-logo-item"><span>陕西***信息科技有限公司</span></div>
<div class="clients-logo-item"><span>福州***物联科技有限公司</span></div>
<div class="clients-logo-item"><span>莆田市***信息技术有限公司</span></div>
<div class="clients-logo-item"><span>北京***供应链管理有限公司</span></div>
<div class="clients-logo-item"><span>无锡市***信息科技有限公司</span></div>
<div class="clients-logo-item"><span>广东***物联科技有限公司</span></div>
<div class="clients-logo-item"><span>贵州***建筑科研设计院有限公司</span></div>
<div class="clients-logo-item"><span>山东***自动化有限公司</span></div>
<div class="clients-logo-item"><span>上海杉达学院***学院</span></div>
<div class="clients-logo-item"><span>武汉***电子股份有限公司</span></div>
<div class="clients-logo-item"><span>盐津***食品股份有限公司</span></div>
<div class="clients-logo-item"><span>河南***电子科技有限公司</span></div>
<div class="clients-logo-item"><span>烟台***信息科技有限公司</span></div>
<div class="clients-logo-item"><span>西安***技术有限公司</span></div>
<div class="clients-logo-item"><span>上海***信息科技有限公司</span></div>
<div class="clients-logo-item"><span>厦门***科技有限公司</span></div>
<div class="clients-logo-item"><span>安徽***信息技术有限公司</span></div>
<div class="clients-logo-item"><span>中车***辆有限公司</span></div>
<div class="clients-logo-item"><span>郑州***数字科技有限公司</span></div>
<div class="clients-logo-item"><span>内蒙古***科技有限公司</span></div>
<div class="clients-logo-item"><span>山东***智物联科技有限公司</span></div>
<div class="clients-logo-item"><span>广东***科教设备有限公司</span></div>
<div class="clients-logo-item"><span>海南***渔业科技有限公司</span></div>
<div class="clients-logo-item"><span>南宁***信息技术有限公司</span></div>
<div class="clients-logo-item"><span>万华***集团有限公司</span></div>
<div class="clients-logo-item"><span>湖北***软件信息科技有限公司</span></div>
<div class="clients-logo-item"><span>潍坊***电子科技有限公司</span></div>
<div class="clients-logo-item"><span>郑州***智能科技有限公司</span></div>
<div class="clients-logo-item"><span>广东***智能科技有限公司</span></div>
<div class="clients-logo-item"><span>浙江***智慧物联运营服务有限公司</span></div>
<div class="clients-logo-item"><span>厦门市***智能科技有限公司</span></div>
<div class="clients-logo-item"><span>嘉兴***电子技术有限公司</span></div>
<div class="clients-logo-item"><span>苏州***智能设备有限公司</span></div>
<div class="clients-logo-item"><span>安徽***信息技术有限公司</span></div>
<div class="clients-logo-item"><span>浙江***科技有限公司</span></div>
<div class="clients-logo-item"><span>上海***贸易服务有限公司</span></div>
<div class="clients-logo-item"><span>郑州***电子科技有限公司</span></div>
<div class="clients-logo-item"><span>福州***科技有限公司</span></div>
<div class="clients-logo-item"><span>安徽***技术有限公司</span></div>
<div class="clients-logo-item"><span>浙江***电力装备有限公司</span></div>
<div class="clients-logo-item"><span>广州市***智能科技发展有限公司</span></div>
<div class="clients-logo-item"><span>万朋***产业有限公司</span></div>
<div class="clients-logo-item"><span>陕西***测绘有限公司</span></div>
<div class="clients-logo-item"><span>河南***信息技术有限公司</span></div>
<div class="clients-logo-item"><span>杭州***科技有限公司</span></div>
<div class="clients-logo-item"><span>东莞市***智能科技有限公司</span></div>
<div class="clients-logo-item"><span>陕西省水务***数据有限公司</span></div>
<div class="clients-logo-item"><span>厦门***科技有限公司</span></div>
<div class="clients-logo-item"><span>北京***科技有限公司</span></div>
<div class="clients-logo-item"><span>上海市***科技有限公司</span></div>
<div class="clients-logo-item"><span>重庆***科技有限公司</span></div>
<div class="clients-logo-item"><span>成都***科技有限公司</span></div>
<div class="clients-logo-item"><span>杭州***信息技术有限公司</span></div>
<div class="clients-logo-item"><span>上海***智能科技有限公司</span></div>
<div class="clients-logo-item"><span>安徽***物联技术有限公司</span></div>
<div class="clients-logo-item"><span>福建省建科院***科技有限公司</span></div>
<div class="clients-logo-item"><span>厦门***科技有限公司</span></div>
<div class="clients-logo-item"><span>大连***科技有限公司</span></div>
<div class="clients-logo-item"><span>珠海***科技有限公司</span></div>
<div class="clients-logo-item"><span>福建省***安全科技有限公司</span></div>
<div class="clients-logo-item"><span>龙岩市***科技有限公司</span></div>
<div class="clients-logo-item"><span>浙江***数字科技有限公司</span></div>
<div class="clients-logo-item"><span>厦门市***生态环保科技有限公司</span></div>
<div class="clients-logo-item"><span>无锡***科技有限公司</span></div>
<div class="clients-logo-item"><span>上海***仪器有限公司</span></div>
<div class="clients-logo-item"><span>杭州***科技有限公司</span></div>
<div class="clients-logo-item"><span>苏州***传感科技有限公司</span></div>
<div class="clients-logo-item"><span>徐州市***冷链科技有限公司</span></div>
<div class="clients-logo-item"><span>深圳***智能科技有限公司</span></div>
<div class="clients-logo-item"><span>山东***物联科技有限公司</span></div>
<div class="clients-logo-item"><span>唐山***智能科技有限公司</span></div>
<div class="clients-logo-item"><span>成都***科技有限公司</span></div>
<div class="clients-logo-item"><span>山西***科技有限公司</span></div>
        </div>
        <button class="clients-toggle-btn" id="clientsToggleBtn">
          <span data-i18n="clients.toggle.expand">查看更多</span>
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"/></svg>
        </button>
      </div>
    </div>
  </section>

  <!-- ====== Industry Solutions & Scenarios (Merged) ====== -->
  <section class="section ind-section" id="solutions">
    <div class="container">
      <div class="section-header reveal">
        <span class="section-badge eco-badge">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"/><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"/></svg>
          <span data-i18n="ind.badge">行业应用</span>
        </span>
        <h2 class="section-title text-h2 eco-title" data-i18n="ind.title">应用场景与解决方案</h2>
        <p class="section-desc eco-desc" data-i18n="ind.desc">深耕多个行业领域，提供从智能家居到工业控制的全方位物联网解决方案，助力各行业数字化转型</p>
      </div>
      <div class="ind-grid reveal">
        <div class="ind-card">
          <div class="ind-card-img"><img src="assets/images/new/smart-home.png" alt="Smart Home" loading="lazy" /></div>
          <div class="ind-card-body">
            <h3 data-i18n="ind.p0.title">智能家居解决方案</h3>
            <p data-i18n="ind.p0.desc">智能开关、智能插座、智能灯、智能门锁等全屋智能设备一键控制，实现场景联动、远程管理与语音交互，打造舒适便捷的智慧生活空间。</p>
            <div class="ind-tags"><span data-i18n="ind.p0.t1">全屋智控</span><span data-i18n="ind.p0.t2">场景联动</span><span data-i18n="ind.p0.t3">远程管理</span><span data-i18n="ind.p0.t4">语音交互</span></div>
          </div>
        </div>
        <div class="ind-card">
          <div class="ind-card-img"><img src="assets/images/new/industrial.png" alt="Smart Industry" loading="lazy" /></div>
          <div class="ind-card-body">
            <h3 data-i18n="ind.p1.title">智慧工业解决方案</h3>
            <p data-i18n="ind.p1.desc">面向工业生产环境的全方位物联网监控与管理方案，实现设备远程监控、数据采集、能耗管理、预测性维护、告警联动与生产优化，推动工厂自动化和智能制造升级。</p>
            <div class="ind-tags"><span data-i18n="ind.p1.t1">设备监控</span><span data-i18n="ind.p1.t2">能耗管理</span><span data-i18n="ind.p1.t3">预测维护</span><span data-i18n="ind.p1.t4">生产优化</span></div>
          </div>
        </div>
        <div class="ind-card">
          <div class="ind-card-img"><img src="assets/images/new/smart-agriculture.png" alt="Smart Agriculture" loading="lazy" /></div>
          <div class="ind-card-body">
            <h3 data-i18n="ind.p3.title">智慧农业解决方案</h3>
            <p data-i18n="ind.p3.desc">农业种植环境监测与智能灌溉控制，实现远程浇灌、土壤监测、温湿度采集、气象预警、灾害预警与精准管理，提升农业生产效率与产量。</p>
            <div class="ind-tags"><span data-i18n="ind.p3.t1">环境监测</span><span data-i18n="ind.p3.t2">智能灌溉</span><span data-i18n="ind.p3.t3">气象采集</span><span data-i18n="ind.p3.t4">数据分析</span></div>
          </div>
        </div>
        <div class="ind-card">
          <div class="ind-card-img"><img src="assets/images/new/smart-energy.png" alt="Smart Energy" loading="lazy" /></div>
          <div class="ind-card-body">
            <h3 data-i18n="ind.p2.title">智慧能源解决方案</h3>
            <p data-i18n="ind.p2.desc">覆盖电力、水务、燃气等能源行业的智能监测与管理，实现光伏发电监控、储能管理、远程抄表、用电分析、故障预警和能效优化，助力企业节能减排与绿色发展。</p>
            <div class="ind-tags"><span data-i18n="ind.p2.t1">远程抄表</span><span data-i18n="ind.p2.t2">故障预警</span><span data-i18n="ind.p2.t3">能效优化</span><span data-i18n="ind.p2.t4">配电监控</span></div>
          </div>
        </div>
        <div class="ind-card">
          <div class="ind-card-img"><img src="assets/images/new/smart-campus.png" alt="Smart Campus" loading="lazy" /></div>
          <div class="ind-card-body">
            <h3 data-i18n="ind.p4.title">智慧园区解决方案</h3>
            <p data-i18n="ind.p4.desc">园区安防监控、智能照明、环境监测、门禁管理、停车系统等综合管理方案，打造安全、高效、节能的数字化智慧园区。</p>
            <div class="ind-tags"><span data-i18n="ind.p4.t1">安防监控</span><span data-i18n="ind.p4.t2">智慧照明</span><span data-i18n="ind.p4.t3">停车管理</span><span data-i18n="ind.p4.t4">环境监测</span></div>
          </div>
        </div>
        <div class="ind-card">
          <div class="ind-card-img"><img src="assets/images/new/smart-water.png" alt="Smart Water" loading="lazy" /></div>
          <div class="ind-card-body">
            <h3 data-i18n="ind.p5.title">智慧水利解决方案</h3>
            <p data-i18n="ind.p5.desc">水位监测、水质检测、管网压力监控、防汛预警、远程闸门控制，构建全面的智慧水务管理体系。</p>
            <div class="ind-tags"><span data-i18n="ind.p5.t1">水位监测</span><span data-i18n="ind.p5.t2">水质检测</span><span data-i18n="ind.p5.t3">防汛预警</span><span data-i18n="ind.p5.t4">闸门控制</span></div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ====== Why Choose ====== -->
  <section class="section why-section" id="why">
    <div class="container">
      <div class="section-header reveal">
        <span class="section-badge">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>
          <span data-i18n="why.badge">为什么选择</span>
        </span>
        <h2 class="section-title text-h2" data-i18n="why.title">为什么选择 FastBee</h2>
        <p class="section-desc" data-i18n="why.desc">简单、开放、可靠的 AIoT 平台，助力企业快速实现数字化转型</p>
      </div>
      <div class="why-grid reveal">
        <div class="why-card"><div class="why-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg></div><h4 data-i18n="why.easy.title">简单易用</h4><p data-i18n="why.easy.desc">开箱即用的 AIoT 平台，降低物联网开发门槛</p></div>
        <div class="why-card"><div class="why-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg></div><h4 data-i18n="why.safe.title">安全可靠</h4><p data-i18n="why.safe.desc">企业级安全保障，稳定运行，数据加密传输</p></div>
        <div class="why-card"><div class="why-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg></div><h4 data-i18n="why.open.title">开源开放</h4><p data-i18n="why.open.desc">代码完全公开透明，社区活跃，生态完善</p></div>
        <div class="why-card"><div class="why-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="2" y="7" width="20" height="14" rx="2"/><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/></svg></div><h4 data-i18n="why.extend.title">灵活扩展</h4><p data-i18n="why.extend.desc">模块化架构设计，支持按需扩展，满足多样化需求</p></div>
      </div>
    </div>
  </section>

  <!-- ====== Commercial Services Hub ====== -->
  <section class="section comm-hub-section" id="commercial">
    <div class="container">
      <div class="section-header reveal">
        <span class="section-badge eco-badge">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
          <span data-i18n="comm.badge">商业授权</span>
        </span>
        <h2 class="section-title text-h2 eco-title" data-i18n="comm.title">FastBee 商业授权</h2>
        <p class="section-desc eco-desc" data-i18n="comm.desc">面向企业客户的AIoT 平台商业授权与版本订阅服务</p>
      </div>
      <!-- Commercial Tabs -->
      <div class="comm-tabs reveal">
        <button class="comm-tab active" data-comm-tab="comm-license" data-i18n="comm.tab1">授权服务</button>
        <button class="comm-tab" data-comm-tab="comm-subscribe" data-i18n="comm.tab2">订阅更新</button>
        <button class="comm-tab" data-comm-tab="comm-vas" data-i18n="comm.tab3">增值服务</button>
        <button class="comm-tab" data-comm-tab="comm-thirdparty" data-i18n="comm.tab4">第三方说明</button>
        <button class="comm-tab" data-comm-tab="comm-cred" data-i18n="comm.tab5">企业资质</button>
      </div>
      <div class="comm-panels">
        <!-- Panel: License Service -->
        <div class="comm-panel active" id="comm-license">
          <div class="comm-panel-grid">
            <div class="comm-info-card">
              <div class="comm-info-icon"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><polyline points="9 12 11 14 15 10"/></svg></div>
              <h4 data-i18n="comm.lic.l1">永久商业授权，安装证书验证</h4>
            </div>
            <div class="comm-info-card">
              <div class="comm-info-icon"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><polyline points="23 4 23 10 17 10"/><polyline points="1 20 1 14 7 14"/><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"/></svg></div>
              <h4 data-i18n="comm.lic.l2">赠送一年源码更新服务</h4>
            </div>
            <div class="comm-info-card">
              <div class="comm-info-icon"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"/></svg></div>
              <h4 data-i18n="comm.lic.l3">Git 私服交付，保障源码安全</h4>
            </div>
            <div class="comm-info-card">
              <div class="comm-info-icon"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg></div>
              <h4 data-i18n="comm.lic.l4">授权合同与正式发票</h4>
            </div>
          </div>
        </div>
        <!-- Panel: Subscribe -->
        <div class="comm-panel" id="comm-subscribe">
          <div class="comm-panel-grid">
            <div class="comm-info-card"><div class="comm-info-icon"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg></div><h4 data-i18n="comm.sub.l1">授权含首年免费更新</h4></div>
            <div class="comm-info-card"><div class="comm-info-icon"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg></div><h4 data-i18n="comm.sub.l2">到期续订享受优惠费率</h4></div>
            <div class="comm-info-card"><div class="comm-info-icon"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg></div><h4 data-i18n="comm.sub.l3">过期后补订需补增量差价</h4></div>
          </div>
          <div class="comm-note" data-i18n="comm.sub.note">续订费用：商业版 ¥8.5k-11k/年 · 集群版 ¥2 万/年 · 组态 ¥5k/年</div>
        </div>
        <!-- Panel: Value-Added Services -->
        <div class="comm-panel" id="comm-vas">
          <div class="comm-vas-grid">
            <div class="comm-vas-card"><h4 data-i18n="comm.vas.dev">定制开发</h4><p data-i18n="comm.vas.dev.desc">服务端、前端、移动端、UI 设计、设备对接等</p><span class="comm-vas-price" data-i18n="comm.vas.dev.price">¥1,000 - ¥3,000 / 人天</span></div>
            <div class="comm-vas-card"><h4 data-i18n="comm.vas.support">技术支持</h4><p data-i18n="comm.vas.support.desc">设备接入、项目部署、移动端发布与上架</p><span class="comm-vas-price" data-i18n="comm.vas.support.price">¥200 - ¥500 / 小时</span></div>
          </div>
        </div>
        <!-- Panel: Third-Party -->
        <div class="comm-panel" id="comm-thirdparty">
          <div class="tp-warning"><svg class="tp-warning-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg><p data-i18n="tp.warning">FastBee 商业授权仅覆盖FastBee 平台自身源码与功能模块。项目中涉及的第三方服务（如地图、天气、数据库等），其商业授权需由用户根据实际使用情况自行向相应服务商获取，与FastBee 授权无关。</p></div>
          <div class="tp-scope-grid">
            <div class="tp-scope-card tp-scope-included"><div class="tp-scope-header"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg><h4 data-i18n="tp.scope.inc.title">FastBee 授权范围</h4></div><ul class="tp-scope-list"><li data-i18n="tp.scope.inc.l1">FastBee IoT 平台核心源码</li><li data-i18n="tp.scope.inc.l2">规则引擎 / 可视化模块</li><li data-i18n="tp.scope.inc.l3">移动端应用源码</li><li data-i18n="tp.scope.inc.l4">后台管理系统源码</li></ul></div>
            <div class="tp-scope-card tp-scope-excluded"><div class="tp-scope-header"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg><h4 data-i18n="tp.scope.exc.title">需自行获取授权</h4></div><ul class="tp-scope-list"><li data-i18n="tp.scope.exc.l1">百度地图 API 商用授权</li><li data-i18n="tp.scope.exc.l2">心知天气 API 商用授权</li><li data-i18n="tp.scope.exc.l3">TDengine 商用授权</li><li data-i18n="tp.scope.exc.l4">其他第三方SDK / 服务</li></ul></div>
          </div>
        </div>
        <!-- Panel: Credentials -->
        <div class="comm-panel" id="comm-cred">
          <div class="cred-highlights">
            <div class="cred-hl-card"><div class="cred-hl-icon"><svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg></div><h4 data-i18n="cred.hl1.title">软件著作权</h4><p data-i18n="cred.hl1.desc">多项软著证书认证</p></div>
            <div class="cred-hl-card"><div class="cred-hl-icon"><svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="2" y="7" width="20" height="14" rx="2"/><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/></svg></div><h4 data-i18n="cred.hl2.title">企业主体</h4><p data-i18n="cred.hl2.desc">曲靖蜂信科技有限公司</p></div>
            <div class="cred-hl-card"><div class="cred-hl-icon"><svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg></div><h4 data-i18n="cred.hl3.title">正版授权</h4><p data-i18n="cred.hl3.desc">永久授权 · 合同保障</p></div>
            <div class="cred-hl-card"><div class="cred-hl-icon"><svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><polyline points="23 4 23 10 17 10"/><polyline points="1 20 1 14 7 14"/><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"/></svg></div><h4 data-i18n="cred.hl4.title">持续迭代</h4><p data-i18n="cred.hl4.desc">稳定更新 · 长期维护</p></div>
          </div>
          <div class="cred-cert-grid">
            <div class="cred-cert-card"><div class="cred-cert-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg></div><span data-i18n="cred.c1">蜂信物联网平台系统</span></div>
            <div class="cred-cert-card"><div class="cred-cert-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg></div><span data-i18n="cred.c2">蜂信设备管理系统</span></div>
            <div class="cred-cert-card"><div class="cred-cert-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg></div><span data-i18n="cred.c3">蜂信可视化大屏系统</span></div>
            <div class="cred-cert-card"><div class="cred-cert-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg></div><span data-i18n="cred.c4">蜂信规则引擎系统</span></div>
            <div class="cred-cert-card"><div class="cred-cert-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg></div><span data-i18n="cred.c5">蜂信移动端管理系统</span></div>
            <div class="cred-cert-card"><div class="cred-cert-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg></div><span data-i18n="cred.c6">蜂信边缘网关系统</span></div>
            <div class="cred-cert-card"><div class="cred-cert-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg></div><span data-i18n="cred.c7">蜂信组态管理系统</span></div>
            <div class="cred-cert-card"><div class="cred-cert-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg></div><span data-i18n="cred.c8">蜂信数据采集系统</span></div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ====== Pricing ====== -->
  <section class="section pricing-v2-section" id="pricing">
    <div class="container">
      <div class="section-header reveal">
        <span class="section-badge eco-badge">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"/><line x1="7" y1="7" x2="7.01" y2="7"/></svg>
          <span data-i18n="pv2.badge">版本价格</span>
        </span>
        <h2 class="section-title text-h2 eco-title" data-i18n="pv2.title">选择适合您的授权版本</h2>
        <p class="section-desc eco-desc" data-i18n="pv2.desc">从免费社区版到企业级全套解决方案，灵活选择不同版本精准匹配业务需求</p>
      </div>
      <div class="pv2-grid">
        <!-- Open Source -->
        <div class="pv2-card reveal reveal-delay-1">
          <span class="pv2-card-badge pv2-badge-oss" data-i18n="pv2.oss.badge">开源社区版</span>
          <div class="pv2-price-row"><span class="pv2-price" data-i18n="pv2.oss.price">免费</span></div>
          <p class="pv2-card-sub" data-i18n="pv2.oss.sub">AGPL3.0 协议，适合个人学习与技术评估</p>
          <div class="pv2-features">
            <div class="pv2-feat"><span class="pv2-check">&#10003;</span><span>AGPL 3.0</span></div>
            <div class="pv2-feat"><span class="pv2-check">&#10003;</span><span data-i18n="pv2.oss.f1">基础设备管理</span></div>
            <div class="pv2-feat"><span class="pv2-check">&#10003;</span><span data-i18n="pv2.oss.f2">物模型管理</span></div>
            <div class="pv2-feat"><span class="pv2-check">&#10003;</span><span data-i18n="pv2.oss.f3">硬件 SDK</span></div>
            <div class="pv2-feat"><span class="pv2-check">&#10003;</span><span data-i18n="pv2.oss.f5">基础设备接入 (MQTT)</span></div>
            <div class="pv2-feat"><span class="pv2-check">&#10003;</span><span data-i18n="pv2.oss.f6">定时任务</span></div>
            <div class="pv2-feat"><span class="pv2-check">&#10003;</span><span data-i18n="pv2.oss.f7">OTA 固件升级</span></div>
          </div>
          <div class="pv2-card-bottom">
            <div class="pv2-note"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg><span data-i18n="pv2.oss.note">不可商用</span></div>
            <a href="https://gitee.com/beecue/fastbee" target="_blank" rel="nofollow noopener" class="btn pv2-btn-oss" data-i18n="pv2.oss.btn">前往 Gitee</a>
          </div>
        </div>
        <!-- Commercial -->
        <div class="pv2-card pv2-card-featured reveal reveal-delay-2">
          <span class="pv2-card-badge pv2-badge-comm" data-i18n="pv2.comm.badge">商业版</span>
          <div class="pv2-price-row"><span class="pv2-price-symbol">¥</span><span class="pv2-price">29,000</span></div>
          <p class="pv2-card-sub" data-i18n="pv2.comm.sub">面向企业级商业项目交付</p>
          <p class="pv2-renew" data-i18n="pv2.comm.renew">订阅更新：¥6,500 ~ ¥11,000 / 年</p>
          <div class="pv2-features">
            <div class="pv2-feat"><span class="pv2-check">&#10003;</span><span data-i18n="pv2.comm.f1">多协议支持(TCP/UDP/CoAP/HTTP)</span></div>
            <div class="pv2-feat"><span class="pv2-check">&#10003;</span><span data-i18n="pv2.comm.f2">Modbus / JT808 等工业协议</span></div>
            <div class="pv2-feat"><span class="pv2-check">&#10003;</span><span data-i18n="pv2.comm.f3">多租户& 多组织架构</span></div>
            <div class="pv2-feat"><span class="pv2-check">&#10003;</span><span data-i18n="pv2.comm.f4">邮件/短信/钉钉/企微通知</span></div>
            <div class="pv2-feat"><span class="pv2-check">&#10003;</span><span data-i18n="pv2.comm.f5">报表管理 & 系统监控</span></div>
            <div class="pv2-feat"><span class="pv2-check">&#10003;</span><span data-i18n="pv2.comm.f6">国际化支持</span></div>
          </div>
          <div class="pv2-card-bottom">
            <div class="pv2-perf"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="2" width="20" height="8" rx="2"/><rect x="2" y="14" width="20" height="8" rx="2"/><line x1="6" y1="6" x2="6.01" y2="6"/><line x1="6" y1="18" x2="6.01" y2="18"/></svg><span data-i18n="pv2.comm.perf">4 核8G 稳定支持 10 万设备，~1,000 QPS</span></div>
            <a href="#contact" class="btn pv2-btn-comm" data-i18n="pv2.comm.btn">咨询授权</a>
          </div>
        </div>
        <!-- Cluster -->
        <div class="pv2-card reveal reveal-delay-3">
          <span class="pv2-card-badge pv2-badge-cluster" data-i18n="pv2.cluster.badge">集群版</span>
          <div class="pv2-price-row"><span class="pv2-price-symbol">¥</span><span class="pv2-price">80,000</span></div>
          <p class="pv2-card-sub" data-i18n="pv2.cluster.sub">高性能集群架构，适合大型企业</p>
          <div class="pv2-features">
            <div class="pv2-feat"><span class="pv2-check">&#10003;</span><span data-i18n="pv2.cluster.f1">商业版全部功能</span></div>
            <div class="pv2-feat"><span class="pv2-check">&#10003;</span><span data-i18n="pv2.cluster.f2">Ignite 集群 + 响应式编程</span></div>
            <div class="pv2-feat"><span class="pv2-check">&#10003;</span><span data-i18n="pv2.cluster.f3">Kafka 消息队列</span></div>
            <div class="pv2-feat"><span class="pv2-check">&#10003;</span><span data-i18n="pv2.cluster.f4">单节点并发量 ~20,000 QPS</span></div>
            <div class="pv2-feat"><span class="pv2-check">&#10003;</span><span data-i18n="pv2.cluster.f5">适合大型企业 / 平台型运营</span></div>
          </div>
          <div class="pv2-card-bottom">
            <div class="pv2-perf"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="2" width="20" height="8" rx="2"/><rect x="2" y="14" width="20" height="8" rx="2"/><line x1="6" y1="6" x2="6.01" y2="6"/><line x1="6" y1="18" x2="6.01" y2="18"/></svg><span data-i18n="pv2.cluster.perf">4 核8G 单节点~2 万QPS，支持50-100 万设备</span></div>
            <a href="#contact" class="btn pv2-btn-cluster" data-i18n="pv2.cluster.btn">咨询授权</a>
          </div>
        </div>
      </div>
      <!-- Add-on Modules -->
      <h3 class="pv2-addon-title reveal" data-i18n="pv2.addon.title">可选增购模块</h3>
      <div class="pv2-addon-grid reveal">
        <div class="pv2-addon-card">
          <div class="pv2-addon-icon pv2-addon-icon-scada"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/><rect x="14" y="14" width="7" height="7"/><rect x="3" y="14" width="7" height="7"/></svg></div>
          <div class="pv2-addon-info"><div class="pv2-addon-row"><h4 class="pv2-addon-name" data-i18n="pv2.addon.scada">Web 组态模块</h4><span class="pv2-addon-price">¥21,000</span></div><p class="pv2-addon-desc" data-i18n="pv2.addon.scada.desc">可视化组态编辑器，拖拽搭建工业监控画面</p><p class="pv2-addon-renew" data-i18n="pv2.addon.scada.renew">订阅更新：¥5,000 / 年</p></div>
        </div>
        <div class="pv2-addon-card">
          <div class="pv2-addon-icon pv2-addon-icon-speaker"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"/><path d="M19.07 4.93a10 10 0 0 1 0 14.14"/><path d="M15.54 8.46a5 5 0 0 1 0 7.07"/></svg></div>
          <div class="pv2-addon-info"><div class="pv2-addon-row"><h4 class="pv2-addon-name" data-i18n="pv2.addon.speaker">智能音箱模块</h4><span class="pv2-addon-price">¥3,000</span></div><p class="pv2-addon-desc" data-i18n="pv2.addon.speaker.desc">云云对接小度音箱，语音控制智能设备</p><p class="pv2-addon-renew" data-i18n="pv2.addon.speaker.renew">订阅更新：—</p></div>
        </div>
      </div>
      <!-- Architecture Comparison -->
      <div class="pv2-compare reveal">
        <h3 class="pv2-compare-title" data-i18n="pv2.cmp.title">商业版vs 集群版· 架构对比</h3>
        <div class="pv2-compare-grid">
          <div class="pv2-compare-card">
            <div class="pv2-compare-header"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg><h4 data-i18n="pv2.cmp.comm.title">商业版· 单体高性能架构</h4></div>
            <ul class="pv2-compare-list"><li data-i18n="pv2.cmp.comm.l1">单体性能架构设计</li><li data-i18n="pv2.cmp.comm.l2">4 核8G 稳定支持 10 万设备</li><li data-i18n="pv2.cmp.comm.l3">并发量~1,000 QPS/s</li><li data-i18n="pv2.cmp.comm.l4">适合中小型企业项目</li></ul>
          </div>
          <div class="pv2-compare-card pv2-compare-accent">
            <div class="pv2-compare-header"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="2" y="2" width="20" height="8" rx="2"/><rect x="2" y="14" width="20" height="8" rx="2"/><line x1="6" y1="6" x2="6.01" y2="6"/><line x1="6" y1="18" x2="6.01" y2="18"/></svg><h4 data-i18n="pv2.cmp.cluster.title">集群版· 高性能集群架构</h4></div>
            <ul class="pv2-compare-list"><li data-i18n="pv2.cmp.cluster.l1">Ignite 集群 + 响应式编程+ Kafka</li><li data-i18n="pv2.cmp.cluster.l2">4 核8G 单节点支持50-100 万设备</li><li data-i18n="pv2.cmp.cluster.l3">单节点并发量 ~20,000 QPS/s</li><li data-i18n="pv2.cmp.cluster.l4">适合大型企业 / 平台型运营</li></ul>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ====== Feature Comparison ====== -->
  <section class="section fcmp-section" id="compare">
    <div class="container">
      <div class="section-header reveal">
        <span class="section-badge eco-badge">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M16 3h5v5"/><path d="M8 3H3v5"/><path d="M12 22V8"/><path d="M21 3l-9 9"/><path d="M3 3l9 9"/></svg>
          <span data-i18n="fcmp.badge">功能对比</span>
        </span>
        <h2 class="section-title text-h2 eco-title" data-i18n="fcmp.title">开源版 vs 商业版· 功能差异</h2>
        <p class="section-desc eco-desc" data-i18n="fcmp.desc">商业版在开源版基础上提供完整的企业级能力，让您快速判断升级价值</p>
      </div>
      <div class="fcmp-table reveal">
        <div class="fcmp-thead"><div class="fcmp-th fcmp-th-feature" data-i18n="fcmp.col.feature">功能项</div><div class="fcmp-th fcmp-th-oss" data-i18n="fcmp.col.oss">开源版</div><div class="fcmp-th fcmp-th-comm" data-i18n="fcmp.col.comm">商业版/ 集群版</div></div>
        <!-- Group 1 -->
        <div class="fcmp-group" data-fcmp-group="basic">
          <div class="fcmp-group-header"><svg class="fcmp-chevron" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"/></svg><span class="fcmp-group-title" data-i18n="fcmp.g1.title">基础能力</span><span class="fcmp-group-count">(5)</span></div>
          <div class="fcmp-group-body">
            <div class="fcmp-row"><div class="fcmp-cell fcmp-cell-name" data-i18n="fcmp.g1.r1">设备管理</div><div class="fcmp-cell fcmp-cell-yes"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg></div><div class="fcmp-cell fcmp-cell-yes"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg></div></div>
            <div class="fcmp-row"><div class="fcmp-cell fcmp-cell-name" data-i18n="fcmp.g1.r2">MQTT 协议接入</div><div class="fcmp-cell fcmp-cell-yes"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg></div><div class="fcmp-cell fcmp-cell-yes"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg></div></div>
            <div class="fcmp-row"><div class="fcmp-cell fcmp-cell-name" data-i18n="fcmp.g1.r3">产品分类 & 设备分组</div><div class="fcmp-cell fcmp-cell-yes"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg></div><div class="fcmp-cell fcmp-cell-yes"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg></div></div>
            <div class="fcmp-row"><div class="fcmp-cell fcmp-cell-name" data-i18n="fcmp.g1.r4">设备影子 / 物模型</div><div class="fcmp-cell fcmp-cell-yes"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg></div><div class="fcmp-cell fcmp-cell-yes"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg></div></div>
            <div class="fcmp-row"><div class="fcmp-cell fcmp-cell-name" data-i18n="fcmp.g1.r5">基础告警通知</div><div class="fcmp-cell fcmp-cell-yes"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg></div><div class="fcmp-cell fcmp-cell-yes"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg></div></div>
          </div>
        </div>
        <!-- Group 2 -->
        <div class="fcmp-group" data-fcmp-group="advanced">
          <div class="fcmp-group-header"><svg class="fcmp-chevron" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"/></svg><span class="fcmp-group-title" data-i18n="fcmp.g2.title">高级能力</span><span class="fcmp-group-count">(8)</span></div>
          <div class="fcmp-group-body">
            <div class="fcmp-row"><div class="fcmp-cell fcmp-cell-name" data-i18n="fcmp.g2.r1">TCP / UDP / CoAP / HTTP 接入</div><div class="fcmp-cell fcmp-cell-no"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg></div><div class="fcmp-cell fcmp-cell-yes"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg></div></div>
            <div class="fcmp-row"><div class="fcmp-cell fcmp-cell-name" data-i18n="fcmp.g2.r2">Modbus / JT808 等工业协议</div><div class="fcmp-cell fcmp-cell-no"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg></div><div class="fcmp-cell fcmp-cell-yes"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg></div></div>
            <div class="fcmp-row"><div class="fcmp-cell fcmp-cell-name" data-i18n="fcmp.g2.r3">多租户& 多组织架构</div><div class="fcmp-cell fcmp-cell-no"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg></div><div class="fcmp-cell fcmp-cell-yes"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg></div></div>
            <div class="fcmp-row"><div class="fcmp-cell fcmp-cell-name" data-i18n="fcmp.g2.r4">邮件 / 短信 / 钉钉 / 企微通知</div><div class="fcmp-cell fcmp-cell-no"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg></div><div class="fcmp-cell fcmp-cell-yes"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg></div></div>
            <div class="fcmp-row"><div class="fcmp-cell fcmp-cell-name" data-i18n="fcmp.g2.r5">报表管理 & 系统监控</div><div class="fcmp-cell fcmp-cell-no"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg></div><div class="fcmp-cell fcmp-cell-yes"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg></div></div>
            <div class="fcmp-row"><div class="fcmp-cell fcmp-cell-name" data-i18n="fcmp.g2.r6">国际化支持</div><div class="fcmp-cell fcmp-cell-no"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg></div><div class="fcmp-cell fcmp-cell-yes"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg></div></div>
            <div class="fcmp-row"><div class="fcmp-cell fcmp-cell-name" data-i18n="fcmp.g2.r7">场景联动 / 规则引擎</div><div class="fcmp-cell fcmp-cell-no"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg></div><div class="fcmp-cell fcmp-cell-yes"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg></div></div>
            <div class="fcmp-row"><div class="fcmp-cell fcmp-cell-name" data-i18n="fcmp.g2.r8">可视化大屏</div><div class="fcmp-cell fcmp-cell-no"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg></div><div class="fcmp-cell fcmp-cell-yes"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg></div></div>
          </div>
        </div>
        <!-- Group 3 -->
        <div class="fcmp-group" data-fcmp-group="cluster">
          <div class="fcmp-group-header"><svg class="fcmp-chevron" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"/></svg><span class="fcmp-group-title" data-i18n="fcmp.g5.title">集群版专属</span><span class="fcmp-group-count">(4)</span></div>
          <div class="fcmp-group-body">
            <div class="fcmp-row"><div class="fcmp-cell fcmp-cell-name" data-i18n="fcmp.g5.r1">Ignite 集群 + 响应式编程</div><div class="fcmp-cell fcmp-cell-no"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg></div><div class="fcmp-cell fcmp-cell-cluster" data-i18n="fcmp.cluster.only">集群版</div></div>
            <div class="fcmp-row"><div class="fcmp-cell fcmp-cell-name" data-i18n="fcmp.g5.r2">Kafka 消息队列</div><div class="fcmp-cell fcmp-cell-no"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg></div><div class="fcmp-cell fcmp-cell-cluster" data-i18n="fcmp.cluster.only">集群版</div></div>
            <div class="fcmp-row"><div class="fcmp-cell fcmp-cell-name" data-i18n="fcmp.g5.r3">单节点并发量 ~20,000 QPS</div><div class="fcmp-cell fcmp-cell-no"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg></div><div class="fcmp-cell fcmp-cell-cluster" data-i18n="fcmp.cluster.only">集群版</div></div>
            <div class="fcmp-row"><div class="fcmp-cell fcmp-cell-name" data-i18n="fcmp.g5.r4">支持 50-100 万设备接入</div><div class="fcmp-cell fcmp-cell-no"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg></div><div class="fcmp-cell fcmp-cell-cluster" data-i18n="fcmp.cluster.only">集群版</div></div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ====== Developer Services ====== -->
  <section class="section devservice-section" id="devservice">
    <div class="container">
      <div class="section-header reveal">
        <span class="section-badge">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>
          <span data-i18n="devsvc.badge">Developer</span>
        </span>
        <h2 class="section-title text-h2" data-i18n="devsvc.title">开发者服务</h2>
        <p class="section-desc" data-i18n="devsvc.desc">完善的文档体系、丰富的开发工具和专业的技术支持，助力快速二次开发和产品落地</p>
      </div>

      <div class="devsvc-grid">
        <div class="devsvc-card reveal reveal-delay-1">
          <div class="devsvc-icon">
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg>
          </div>
          <h3 data-i18n="devsvc.docs.title">完整文档体系</h3>
          <p data-i18n="devsvc.docs.desc">详细的开发文档、API 接口文档、设备接入指南、部署手册和最佳实践，帮助开发者快速上手</p>
          <a href="https://fastbee.cn/doc/" target="_blank" class="devsvc-link" data-i18n="devsvc.docs.link">查看文档 &rarr;</a>
        </div>

        <div class="devsvc-card reveal reveal-delay-2">
          <div class="devsvc-icon">
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>
          </div>
          <h3 data-i18n="devsvc.source.title">全量源码开放</h3>
          <p data-i18n="devsvc.source.desc">商业版提供平台源码、可视化源码、移动端源码和硬件SDK 全量开放，支持深度定制和二次开发</p>
          <a href="https://gitee.com/beecue/fastbee" target="_blank" class="devsvc-link" data-i18n="devsvc.source.link">获取源码 &rarr;</a>
        </div>

        <div class="devsvc-card reveal reveal-delay-3">
          <div class="devsvc-icon">
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="4" y="4" width="16" height="16" rx="2"/><rect x="9" y="9" width="6" height="6"/><line x1="9" y1="1" x2="9" y2="4"/><line x1="15" y1="1" x2="15" y2="4"/><line x1="9" y1="20" x2="9" y2="23"/><line x1="15" y1="20" x2="15" y2="23"/><line x1="20" y1="9" x2="23" y2="9"/><line x1="20" y1="14" x2="23" y2="14"/><line x1="1" y1="9" x2="4" y2="9"/><line x1="1" y1="14" x2="4" y2="14"/></svg>
          </div>
          <h3 data-i18n="devsvc.hardware.title">硬件生态支持</h3>
          <p data-i18n="devsvc.hardware.desc">提供 ESP32、ESP8266、树莓派等主流开发板 SDK，支持Arduino 和MicroPython 快速接入</p>
          <div class="devsvc-chips">
            <span>ESP32</span>
            <span>ESP8266</span>
            <span>Raspberry Pi</span>
            <span>Arduino</span>
          </div>
        </div>

        <div class="devsvc-card reveal reveal-delay-1">
          <div class="devsvc-icon">
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="5" y="2" width="14" height="20" rx="2"/><line x1="12" y1="18" x2="12.01" y2="18"/></svg>
          </div>
          <h3 data-i18n="devsvc.demo.title">在线演示体验</h3>
          <p data-i18n="devsvc.demo.desc">Web 端在线演示、微信小程序演示和Android App 下载，全方位体验平台功能</p>
          <a href="https://iot.fastbee.cn/" target="_blank" class="devsvc-link" data-i18n="devsvc.demo.link">立即体验 &rarr;</a>
        </div>

        <div class="devsvc-card reveal reveal-delay-2">
          <div class="devsvc-icon">
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
          </div>
          <h3 data-i18n="devsvc.support.title">专业技术支持</h3>
          <p data-i18n="devsvc.support.desc">QQ 技术交流群、微信客服、邮件支持等多渠道服务，商业版用户享受专属企业群和优先响应</p>
          <div class="devsvc-chips">
            <span>QQ</span>
            <span data-i18n="devsvc.support.chip1">微信</span>
            <span>Email</span>
            <span data-i18n="devsvc.support.chip2">企业群</span>
          </div>
        </div>

        <div class="devsvc-card reveal reveal-delay-3">
          <div class="devsvc-icon">
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><polyline points="23 4 23 10 17 10"/><path d="M20.49 15a9 9 0 1 1-2.12-9.36L23 10"/></svg>
          </div>
          <h3 data-i18n="devsvc.update.title">持续迭代更新</h3>
          <p data-i18n="devsvc.update.desc">项目源码保持高频更新，商业版赠送一年订阅更新服务，确保功能与安全持续领先</p>
          <a href="https://fastbee.cn/doc/pages/sponsor/" target="_blank" class="devsvc-link" data-i18n="devsvc.update.link">了解授权 &rarr;</a>
        </div>
      </div>
    </div>
  </section>

  <!-- ====== Open Source ====== -->
  <section class="section opensource-section" id="opensource">
    <div class="container">
      <div class="opensource-grid reveal">
        <div class="opensource-info">
          <span class="section-badge">
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"/></svg>
            <span data-i18n="opensource.badge">Open Source</span>
          </span>
          <h2 class="section-title text-h2 opensource-title" data-i18n="opensource.title">拥抱开源社区</h2>
          <p class="opensource-desc" data-i18n="opensource.desc">FastBee 采用 AGPL 3.0 开源协议，源码完全公开，欢迎社区贡献者参与共建。项目已服务于500+ 企业，源码持续更新迭代中。</p>
          <div class="opensource-links">
            <a href="https://gitee.com/beecue/fastbee" target="_blank" rel="nofollow noopener" class="btn btn-accent">
              <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M11.984 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.016 0zm6.09 5.333c.328 0 .593.266.592.593v1.482a.594.594 0 0 1-.593.592H9.777c-.982 0-1.778.796-1.778 1.778v5.63c0 .329.266.593.593.593h5.19c.329 0 .594-.264.594-.592v-1.482a.594.594 0 0 0-.593-.593h-3.012a.593.593 0 0 1-.593-.592v-1.482a.593.593 0 0 1 .593-.593h4.975c.327 0 .592.266.592.593v6.667a.593.593 0 0 1-.593.593H8.296C6.882 18.518 5.727 17.363 5.727 15.926V8.518c0-.329.266-.593.593-.593h11.753z"/></svg>
              <span data-i18n="opensource.gitee">Gitee 仓库</span>
            </a>
            <a href="https://github.com/kerwincui/FastBee" target="_blank" rel="nofollow noopener" class="btn btn-ghost">
              <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg>
              <span data-i18n="opensource.github">GitHub 仓库</span>
            </a>
          </div>
        </div>

        <div class="repo-cards">
          <div class="repo-card">
            <div class="repo-card-header">
              <div class="repo-card-icon gitee">
                <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M11.984 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.016 0zm6.09 5.333c.328 0 .593.266.592.593v1.482a.594.594 0 0 1-.593.592H9.777c-.982 0-1.778.796-1.778 1.778v5.63c0 .329.266.593.593.593h5.19c.329 0 .594-.264.594-.592v-1.482a.594.594 0 0 0-.593-.593h-3.012a.593.593 0 0 1-.593-.592v-1.482a.593.593 0 0 1 .593-.593h4.975c.327 0 .592.266.592.593v6.667a.593.593 0 0 1-.593.593H8.296C6.882 18.518 5.727 17.363 5.727 15.926V8.518c0-.329.266-.593.593-.593h11.753z"/></svg>
              </div>
              <span class="repo-card-name">beecue/fastbee</span>
            </div>
            <p class="repo-card-desc" data-i18n="opensource.gitee.desc">Gitee 推荐开源项目—FastBee 开源物联网平台</p>
            <div class="repo-stats">
              <span class="repo-stat"><svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> 7K+ Stars</span>
              <span class="repo-stat"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M7 17m-2 0a2 2 0 1 0 4 0 2 2 0 1 0-4 0"/><path d="M18 7m-2 0a2 2 0 1 0 4 0 2 2 0 1 0-4 0"/><path d="M7 15V7a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v2"/></svg> 2K+ Forks</span>
              <span class="repo-stat">AGPL-3.0</span>
            </div>
          </div>

          <div class="repo-card">
            <div class="repo-card-header">
              <div class="repo-card-icon github">
                <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg>
              </div>
              <span class="repo-card-name">kerwincui/FastBee</span>
            </div>
            <p class="repo-card-desc" data-i18n="opensource.github.desc">GitHub 镜像仓库 —FastBee Open Source IoT Platform</p>
            <div class="repo-stats">
              <span class="repo-stat"><svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> 3K+ Stars</span>
              <span class="repo-stat"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M7 17m-2 0a2 2 0 1 0 4 0 2 2 0 1 0-4 0"/><path d="M18 7m-2 0a2 2 0 1 0 4 0 2 2 0 1 0-4 0"/><path d="M7 15V7a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v2"/></svg> 1K+ Forks</span>
              <span class="repo-stat">AGPL-3.0</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ====== FAQ ====== -->
  <section class="section faq-section" id="faq">
    <div class="container">
      <div class="section-header reveal">
        <span class="section-badge">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>
          FAQ
        </span>
        <h2 class="section-title text-h2" data-i18n="faq.title">常见问题</h2>
        <p class="section-desc" data-i18n="faq.desc">如果您有其他问题，欢迎联系客服咨询</p>
      </div>

      <div class="faq-list reveal">
        <div class="faq-item">
          <button class="faq-question" data-i18n="faq.q1">FastBee 商业版价格是多少？
            <svg class="faq-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
          </button>
          <div class="faq-answer"><div class="faq-answer-inner" data-i18n="faq.a1">具体可以查看<a href="https://fastbee.cn/doc/pages/sponsor/" target="_blank">商业授权说明</a>，赠送一年订阅，一年内可以免费获取源码更新。</div></div>
        </div>

        <div class="faq-item">
          <button class="faq-question" data-i18n="faq.q2">商业版提供所有源码吗？
            <svg class="faq-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
          </button>
          <div class="faq-answer"><div class="faq-answer-inner" data-i18n="faq.a2">提供所有源码（平台源码、可视化源码、移动端源码），另外包含授权书、合同、发票和私有仓库账号，加入企业交流群。</div></div>
        </div>

        <div class="faq-item">
          <button class="faq-question" data-i18n="faq.q3">商业版包含组态吗？
            <svg class="faq-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
          </button>
          <div class="faq-answer"><div class="faq-answer-inner" data-i18n="faq.a3">FastBee 商业版不包含组态，组态和智能音响是单独付费模块，根据需求购买对应模块。</div></div>
        </div>

        <div class="faq-item">
          <button class="faq-question" data-i18n="faq.q4">支持哪些通信协议？
            <svg class="faq-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
          </button>
          <div class="faq-answer"><div class="faq-answer-inner" data-i18n="faq.a4">平台支持 MQTT、TCP、Modbus RTU/TCP、GB28181、CoAP 等协议，同时支持 HTTP 对接和MQTT 桥接。</div></div>
        </div>

        <div class="faq-item">
          <button class="faq-question" data-i18n="faq.q5">平台是什么架构？
            <svg class="faq-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
          </button>
          <div class="faq-answer"><div class="faq-answer-inner" data-i18n="faq.a5">FastBee 采用前后端分离的单体架构，后端使用Spring Boot，前端使用Vue，移动端使用 UniApp。</div></div>
        </div>

        <div class="faq-item">
          <button class="faq-question" data-i18n="faq.q6">有功能演示站点吗？
            <svg class="faq-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
          </button>
          <div class="faq-answer"><div class="faq-answer-inner" data-i18n="faq.a6">可以通过 <a href="https://iot.fastbee.cn/" target="_blank">iot.fastbee.cn</a> 访问演示站点，演示站点使用最新源码部署，包含组态和智能音响。</div></div>
        </div>
      </div>
    </div>
  </section>

  <!-- ====== Contact ====== -->
  <section class="section contact-section" id="contact">
    <div class="container">
      <div class="contact-grid reveal">
        <div class="contact-info">
          <span class="section-badge">
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
            <span data-i18n="contact.badge">Contact Us</span>
          </span>
          <h2 class="section-title text-h2 contact-title" data-i18n="contact.title">联系我们</h2>
          <p class="contact-desc" data-i18n="contact.desc">如果您对 FastBee 产品有任何疑问，或需要技术支持和商务合作，欢迎随时联系我们。</p>

          <div class="contact-item">
            <div class="contact-item-icon">
              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
            </div>
            <div>
              <div class="contact-item-label" data-i18n="contact.email">联系邮箱</div>
              <div class="contact-item-value">164770707@qq.com</div>
            </div>
          </div>

          <div class="contact-item">
            <div class="contact-item-icon">
              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
            </div>
            <div>
              <div class="contact-item-label" data-i18n="contact.address">联系地址</div>
              <div class="contact-item-value" data-i18n="contact.addr.value">云南省曲靖市麒麟区太和街道太和社区三组17幢133号</div>
            </div>
          </div>

          <div class="contact-item">
            <div class="contact-item-icon">
              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
            </div>
            <div>
              <div class="contact-item-label" data-i18n="contact.qq">QQ 交流群</div>
              <div class="contact-item-value">1073236354 / 720136372 / 946029159</div>
            </div>
          </div>
        </div>

        <div class="qr-grid">
          <div class="qr-card">
            <img src="assets/images/xian.png" alt="微信商用咨询" loading="lazy" />
            <div class="qr-card-label" data-i18n="contact.qr.wechat">微信商用咨询</div>
          </div>
          <div class="qr-card">
            <img src="assets/images/tiktok.png" alt="抖音" loading="lazy" />
            <div class="qr-card-label" data-i18n="contact.qr.tiktok">抖音</div>
          </div>
          <div class="qr-card">
            <img src="assets/images/wechat.jpg" alt="微信小程序演示" loading="lazy" />
            <div class="qr-card-label" data-i18n="contact.qr.miniapp">微信小程序演示</div>
            <div class="qr-card-label" style="font-size:0.72rem;color:hsl(var(--text-tertiary))">fastbee / 123456</div>
          </div>
          <div class="qr-card">
            <img src="assets/images/android.png" alt="App下载" loading="lazy" />
            <div class="qr-card-label" data-i18n="contact.qr.app">App 下载</div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ====== CTA Banner ====== -->
  <section class="cta-banner">
    <div class="cta-glow"></div>
    <div class="container">
      <div class="cta-content">
        <h2 class="cta-title" data-i18n="cta.title">开启您的AIoT 之旅</h2>
        <p class="cta-desc" data-i18n="cta.desc">免费体验 FastBee AIoT 平台，快速构建物联网解决方案</p>
        <div class="cta-actions">
          <a href="https://gitee.com/beecue/fastbee" target="_blank" rel="nofollow noopener" class="btn btn-accent btn-lg" data-i18n="cta.start">立即开始</a>
          <a href="#contact" class="btn btn-ghost btn-lg" data-i18n="cta.contact">联系我们</a>
        </div>
      </div>
    </div>
  </section>

  <!-- ====== Footer ====== -->
  <footer class="footer">
    <div class="container">
      <div class="footer-grid">
        <div class="footer-brand">
          <a class="logo" href="https://fastbee.cn/">
            <img src="assets/images/logo/logo.svg" alt="FastBee Logo" />
            <span class="logo-text" data-i18n="brand">蜂信物联</span>
          </a>
          <p class="footer-brand-desc" data-i18n="footer.desc">FastBee 开源物联网平台，简单易用，更适合中小企业和个人学习使用的物联网平台。</p>
        </div>

        <div>
          <h4 class="footer-heading" data-i18n="footer.nav">页面导航</h4>
          <div class="footer-links">
            <a class="footer-link" href="https://iot.fastbee.cn/" target="_blank" data-i18n="nav.demo">在线演示</a>
            <a class="footer-link" href="https://fastbee.cn/doc/" target="_blank" data-i18n="nav.docs">产品文档</a>
            <a class="footer-link" href="https://fastbee.cn/doc/install/" target="_blank" data-i18n="footer.env">运行环境</a>
            <a class="footer-link" href="https://fastbee.cn/doc/link/mqtt.html" target="_blank" data-i18n="footer.access">设备接入</a>
          </div>
        </div>

        <div>
          <h4 class="footer-heading" data-i18n="footer.source">源码仓库</h4>
          <div class="footer-links">
            <a class="footer-link" href="https://gitee.com/beecue/fastbee" target="_blank" rel="nofollow">Gitee</a>
            <a class="footer-link" href="https://github.com/kerwincui/FastBee" target="_blank" rel="nofollow">GitHub</a>
            <a class="footer-link" href="https://fastbee.cn/doc/pages/sponsor/" target="_blank" data-i18n="footer.license">商业授权</a>
            <a class="footer-link" href="https://fastbee.cn/doc/device/" target="_blank" data-i18n="footer.video">视频能力</a>
          </div>
        </div>

        <div>
          <h4 class="footer-heading" data-i18n="footer.about">关于我们</h4>
          <div class="footer-links">
            <a class="footer-link" href="#home" data-i18n="nav.home">首页</a>
            <a class="footer-link" href="#pricing" data-i18n="nav.pricing">版本介绍</a>
            <a class="footer-link" href="#contact" data-i18n="contact.badge">联系我们</a>
          </div>
        </div>

      </div>

      <div class="footer-bottom">
        <div>
          <span>Copyright &copy; 2025 </span>
          <a href="https://fastbee.cn/">曲靖蜂信科技有限公司</a>
          <span> &middot; </span>
          <a href="https://fastbee.cn/">FastBee</a>
          <span> All Rights Reserved</span>
        </div>
        <div class="footer-filing">
          <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=53030202000491" target="_blank" rel="nofollow" style="display:inline-flex;align-items:center;gap:4px;">
            <img src="assets/images/wangan.png" alt="网安备案" />
            滇公网安备53030202000491号
          </a>
          <a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow">滇ICP备023000466号</a>
        </div>
      </div>
    </div>
  </footer>

  <!-- ====== Floating Contact Sidebar ====== -->
  <div class="float-sidebar" id="floatSidebar">
    <!-- WeChat Customer Service -->
    <a class="float-sidebar-item wechat-item" href="https://work.weixin.qq.com/kfid/kfc8e9a0d0b3694b498" target="_blank" rel="noopener" title="微信客服">
      <span class="float-dot"></span>
      <svg viewBox="0 0 24 24" fill="currentColor"><path d="M8.691 2.188C3.891 2.188 0 5.476 0 9.53c0 2.212 1.17 4.203 3.002 5.55a.59.59 0 0 1 .213.665l-.39 1.48c-.019.07-.048.141-.048.213 0 .163.13.295.29.295a.326.326 0 0 0 .167-.054l1.903-1.114a.864.864 0 0 1 .717-.098 10.16 10.16 0 0 0 2.837.403c.276 0 .543-.027.811-.05a6.127 6.127 0 0 1-.253-1.726c0-3.573 3.291-6.475 7.344-6.475.244 0 .48.021.718.044C16.578 4.47 12.943 2.188 8.691 2.188zm-2.6 4.408c.58 0 1.049.47 1.049 1.049 0 .58-.47 1.049-1.05 1.049a1.05 1.05 0 0 1 0-2.098zm5.2 0c.58 0 1.049.47 1.049 1.049 0 .58-.47 1.049-1.05 1.049a1.05 1.05 0 0 1 0-2.098zM15.593 8.79c-3.559 0-6.449 2.531-6.449 5.652 0 3.12 2.89 5.651 6.449 5.651.648 0 1.274-.09 1.871-.254a.72.72 0 0 1 .596.082l1.583.926a.272.272 0 0 0 .139.045c.133 0 .241-.108.241-.241 0-.06-.023-.118-.039-.176l-.326-1.229a.49.49 0 0 1 .177-.553C21.39 17.93 22.04 16.31 22.04 14.44c0-3.12-2.89-5.651-6.449-5.651zm-2.2 3.503c.483 0 .874.392.874.875a.874.874 0 1 1-.874-.875zm4.4 0c.483 0 .874.392.874.875a.874.874 0 1 1-.874-.875z"/></svg>
      <div class="float-sidebar-popup">
        <div class="float-popup-title">
          <svg viewBox="0 0 24 24" fill="currentColor" style="color:#07c160"><path d="M8.691 2.188C3.891 2.188 0 5.476 0 9.53c0 2.212 1.17 4.203 3.002 5.55a.59.59 0 0 1 .213.665l-.39 1.48c-.019.07-.048.141-.048.213 0 .163.13.295.29.295a.326.326 0 0 0 .167-.054l1.903-1.114a.864.864 0 0 1 .717-.098 10.16 10.16 0 0 0 2.837.403c.276 0 .543-.027.811-.05a6.127 6.127 0 0 1-.253-1.726c0-3.573 3.291-6.475 7.344-6.475.244 0 .48.021.718.044C16.578 4.47 12.943 2.188 8.691 2.188z"/></svg>
          <span data-i18n="float.wechat.title">微信客服</span>
        </div>
        <p class="float-popup-text" data-i18n="float.wechat.desc">点击跳转至微信在线客服，获取即时帮助</p>
      </div>
    </a>

    <!-- WeChat QR - Commercial -->
    <div class="float-sidebar-item wechat-item" title="商用咨询">
      <span class="float-dot"></span>
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/><rect x="14" y="14" width="7" height="7"/><rect x="3" y="14" width="7" height="7"/><rect x="5.5" y="5.5" width="2" height="2"/><rect x="16.5" y="5.5" width="2" height="2"/><rect x="16.5" y="16.5" width="2" height="2"/><rect x="5.5" y="16.5" width="2" height="2"/></svg>
      <div class="float-sidebar-popup">
        <div class="float-popup-title">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/><rect x="14" y="14" width="7" height="7"/><rect x="3" y="14" width="7" height="7"/></svg>
          <span data-i18n="float.consult.title">微信商用咨询</span>
        </div>
        <div class="float-popup-qr">
          <img src="assets/images/xian.png" alt="微信商用咨询" />
        </div>
        <p class="float-popup-sub" data-i18n="float.consult.sub">微信扫码咨询商业合作</p>
      </div>
    </div>

    <!-- QQ Groups -->
    <div class="float-sidebar-item qq-item" title="QQ交流群">
      <span class="float-dot"></span>
      <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.48 2 2 5.81 2 10.5c0 2.49 1.37 4.74 3.54 6.3-.13.76-.47 2.01-1.34 3.17 0 0 2.34-.33 4.29-1.53.99.27 2.05.41 3.17.41h.34c5.52 0 10-3.81 10-8.35C22 5.81 17.52 2 12 2zm-3.5 9.5c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm3.5 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm3.5 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"/></svg>
      <div class="float-sidebar-popup">
        <div class="float-popup-title">
          <svg viewBox="0 0 24 24" fill="currentColor" style="color:#12b7f5"><path d="M12 2C6.48 2 2 5.81 2 10.5c0 2.49 1.37 4.74 3.54 6.3-.13.76-.47 2.01-1.34 3.17 0 0 2.34-.33 4.29-1.53.99.27 2.05.41 3.17.41h.34c5.52 0 10-3.81 10-8.35C22 5.81 17.52 2 12 2z"/></svg>
          <span data-i18n="float.qq.title">QQ 交流群</span>
        </div>
        <div class="float-popup-groups">
          <span class="float-popup-group" onclick="navigator.clipboard.writeText('1073236354')">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>
            1073236354
          </span>
          <span class="float-popup-group" onclick="navigator.clipboard.writeText('720136372')">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>
            720136372
          </span>
          <span class="float-popup-group" onclick="navigator.clipboard.writeText('946029159')">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>
            946029159
          </span>
        </div>
        <p class="float-popup-sub" data-i18n="float.qq.sub">点击群号可复制</p>
      </div>
    </div>

    <!-- Email -->
    <div class="float-sidebar-item" title="联系邮箱" data-action="copy-email">
      <span class="float-dot"></span>
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
      <div class="float-sidebar-popup">
        <div class="float-popup-title">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
          <span data-i18n="float.email.title">联系邮箱</span>
        </div>
        <div class="float-popup-email">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width:14px;height:14px;flex-shrink:0"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
          164770707@qq.com
        </div>
        <p class="float-popup-sub" data-i18n="float.email.sub">点击复制邮箱地址</p>
      </div>
    </div>
  </div>

  <!-- Back to Top -->
  <button class="back-to-top" id="backToTop" aria-label="Back to top">
    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="18 15 12 9 6 15"/></svg>
  </button>

  <script src="assets/js/fastbee-v2.js" defer></script>
</body>
</html>